Update index.html
Browse filesadded viz #4
- index.html +10 -5
index.html
CHANGED
@@ -201,13 +201,17 @@
|
|
201 |
</div>
|
202 |
`,
|
203 |
4: `
|
204 |
-
<h2>
|
205 |
-
<p>
|
206 |
-
<
|
|
|
|
|
|
|
207 |
`,
|
208 |
5: `
|
209 |
<h2>Day 5</h2>
|
210 |
-
<p>Like the space to
|
|
|
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);
|