fdaudens HF staff commited on
Commit
8abbee5
1 Parent(s): 6742a32

Update index.html

Browse files

added viz #4

Files changed (1) hide show
  1. index.html +10 -5
index.html CHANGED
@@ -201,13 +201,17 @@
201
  </div>
202
  `,
203
  4: `
204
- <h2>Day 4</h2>
205
- <p>Wondering what tomorrow’s visualization will be? Like the space to get notified when we reveal it 🤗</p>
206
- <img src="/images/day3-teaser.png" style="width: 100%; margin: 20px 0;">
 
 
 
207
  `,
208
  5: `
209
  <h2>Day 5</h2>
210
- <p>Like the space to be notified when we release the next data 🤗</p>
 
211
  `,
212
  6: `
213
  <h2>Day 6</h2>
@@ -298,6 +302,7 @@
298
  1: "🔮<br>Clem's2025 predictions",
299
  2: "❤️<br>Most liked & downloaded models",
300
  3: "🏎️<br>Fast & Furious model releases",
 
301
  // Add more custom labels as needed
302
  // 3: "Custom Text",
303
  // 4: "Another Label",
@@ -333,7 +338,7 @@
333
 
334
  // Handle card clicks
335
  const cards = document.querySelectorAll('.card');
336
- const activeDays = [1,2,3]; // Add the day numbers you want to highlight
337
 
338
  cards.forEach(card => {
339
  const day = parseInt(card.dataset.day);
 
201
  </div>
202
  `,
203
  4: `
204
+ <h2>Zero to One (Million Models)</h2>
205
+ <p>This exponential growth chart tracks the Hugging Face community's journey from just a few thousand models in 2022 to surpassing the million-model milestone today.</p>
206
+ <div class="responsive-iframe-container">
207
+ <button onclick="toggleFullscreen(this.nextElementSibling)" style="position: absolute; top: 10px; right: 10px; z-index: 10; padding: 8px; background: rgba(0,0,0,0.6); color: white; border: none; border-radius: 4px; cursor: pointer;">⛶</button>
208
+ <iframe src="https://aiworld.eu/embed/model/tag/stacked-model-count-other" allowfullscreen></iframe>
209
+ </div>
210
  `,
211
  5: `
212
  <h2>Day 5</h2>
213
+ <p>Wondering what tomorrow’s visualization will be? Like the space to get notified when we reveal it 🤗</p>
214
+ <img src="/images/day3-teaser.png" style="width: 100%; margin: 20px 0;">
215
  `,
216
  6: `
217
  <h2>Day 6</h2>
 
302
  1: "🔮<br>Clem's2025 predictions",
303
  2: "❤️<br>Most liked & downloaded models",
304
  3: "🏎️<br>Fast & Furious model releases",
305
+ 4: "🚀<br>Zero to One (Million Models)",
306
  // Add more custom labels as needed
307
  // 3: "Custom Text",
308
  // 4: "Another Label",
 
338
 
339
  // Handle card clicks
340
  const cards = document.querySelectorAll('.card');
341
+ const activeDays = [1,2,3,4]; // Add the day numbers you want to highlight
342
 
343
  cards.forEach(card => {
344
  const day = parseInt(card.dataset.day);