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);
|