Update index.html

index.html

@@ -13,10 +13,16 @@
         }
         #viz { 
             width: 100%; 
-            height: 100vh; 
+            height: 67vh; 
             position: relative;
             overflow: hidden;
         }
+
+        @media (max-width: 768px) {
+            #viz {
+                height: 100vh;
+            }
+        }
         #popup {
             display: none;
             position: absolute;
@@ -90,10 +96,9 @@ function createVisualization() {
     
     // Set dynamic width and height for responsiveness
     const width = window.innerWidth;
-    const height = window.innerHeight;
-    
-    // Determine if we're on mobile (width < 768px is a common breakpoint)
     const isMobile = width < 768;
+    const height = isMobile ? window.innerHeight : window.innerHeight * 0.67;    
+    
     
     // Adjust sizes based on device
     const pointSize = isMobile ? 8 : 12;