Update index.html

viz #7

index.html

@@ -225,16 +225,19 @@
         `,
     6: `
         <h2>33 Months of Models, per Task</h2>
-        <p>Over the last 33 months, over 300k models have been created for 53 specialized tasks. Watch until the end to see which task reigns supreme. 👀 <em>(Hint: this task makes up nearly half the models on the Hub.)</em></p>
+        <p>Over the last 33 months, more than 1.1M models have been created for 53 specialized tasks. Watch until the end to see which task reigns supreme. 👀 <em>(Hint: this task makes up nearly half the models on the Hub.)</em></p>
         <div class="responsive-iframe-container">
             <button onclick="toggleBrowserFullscreen(this.parentElement)" 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>
             <iframe src="https://aiworld.eu/embed/model/pipeline/racechart2" allowfullscreen></iframe>
-        </div>         `,
+        </div>         
+        `,
     7: `
-        <h2>Day 7</h2>
-        <p>Wondering what tomorrow’s visualization will be? Like the space to get notified when we reveal it 🤗</p>
-        <img src="/images/day3-teaser.png" style="width: 100%; margin: 20px 0;">
-    `,
+        <h2>The global top 500 model creators on the Hub</h2>
+        <div class="responsive-iframe-container">
+            <button onclick="toggleBrowserFullscreen(this.parentElement)" 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>
+            <iframe src="https://aiworld.eu/embed/map_country_data" allowfullscreen></iframe>
+        </div>
+        `,
     8: `
         <h2>Day 8</h2>
         <p>Wondering what tomorrow’s visualization will be? Like the space to get notified when we reveal it 🤗</p>
@@ -336,6 +339,7 @@
             4: "🚀<br>Zero to One (Million Models)",
             5: "🤗<br>What your likes say about you?",
             6: "🏷️<br>Tasks on tasks on tasks",
+            7: "🌍<br>Global top 500 model creators",
             // Add more custom labels as needed
             // 3: "Custom Text",
             // 4: "Another Label",
@@ -371,7 +375,7 @@
 
         // Handle card clicks
         const cards = document.querySelectorAll('.card');
-        const activeDays = [1,2,3,4,5,6]; // Add the day numbers you want to highlight
+        const activeDays = [1,2,3,4,,7]; // Add the day numbers you want to highlight
 
         cards.forEach(card => {
             const day = parseInt(card.dataset.day);