Update index.html

index.html

@@ -287,10 +287,13 @@
         </div>
     `,
     14: `
-        <h2>Day 14</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>Machine Vision's Reign: Top Research Topics at NeurIPS 2022-2024</h2>
+        <p>Explore how research priorities have evolved at NeurIPS, with rankings of top categories by number of papers for each year.</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/ranking_of_primary_areas" allowfullscreen></iframe>
+        </div>
+        `,
     15: `
         <h2>Day 15</h2>
         <p>Wondering what tomorrow’s visualization will be? Like the space to get notified when we reveal it 🤗</p>
@@ -363,7 +366,8 @@
             10: "🎂<br>The Great AI Bake-Off",
             11: "📄<br>Top upvoted papers on the Hub",
             12: "🌏<br>US & China dominating AI research",
-            13: "🎓<br>The NeurIPS Class of 2024"
+            13: "🎓<br>The NeurIPS Class of 2024",
+            14: "👑<br>Machine Vision's Reign"
             // Add more custom labels as needed
             // 3: "Custom Text",
             // 4: "Another Label",
@@ -399,7 +403,7 @@
 
         // Handle card clicks
         const cards = document.querySelectorAll('.card');
-        const activeDays = [1,2,3,4,5,6,7,8,9,10,11,12,13]; // Add the day numbers you want to highlight
+        const activeDays = [1,2,3,4,5,6,7,8,9,10,11,12,13,14]; // Add the day numbers you want to highlight
 
         cards.forEach(card => {
             const day = parseInt(card.dataset.day);