Update index.html

index.html

@@ -154,21 +154,32 @@
         .arcDashAnimateTime(() => 2000);
 
       // Borders
-      fetch('./geocountries.json', { cache: 'no-cache' })
-        .then(r => {
-          if (!r.ok) throw new Error(`HTTP ${r.status}`);
-          return r.json();
-        })
-        .then(({ features }) => {
-          globe
-            .polygonsData(features)
-            .polygonCapColor(() => 'rgba(0,0,0,0)')
-            .polygonSideColor(() => 'rgba(0,0,0,0)')
-            .polygonStrokeColor(() => 'rgba(255,255,255,0.28)')
-            .polygonAltitude(() => 0.002);
-        })
-        .catch(err => showErr(`Failed to load polygons: ${err.message}`));
-
+    fetch('./geocountries.json', { cache: 'no-cache' })
+      .then(r => { if (!r.ok) throw new Error(`HTTP ${r.status}`); return r.json(); })
+      .then(({ features }) => {
+        const paths = [];
+        const pushRing = (ring) => {
+          // light decimation for speed
+          const step = ring.length > 200 ? 2 : 1;
+          const thinned = ring.filter((_, i) => i % step === 0);
+          paths.push(thinned.map(([lng, lat]) => [lat, normLng(lng)]));
+        };
+        for (const f of features) {
+          const g = f.geometry; if (!g) continue;
+          if (g.type === 'Polygon') g.coordinates.forEach(pushRing);
+          else if (g.type === 'MultiPolygon') g.coordinates.forEach(poly => poly.forEach(pushRing));
+        }
+        globe
+          .polygonsData([])                     // remove polygon meshes
+          .pathsData(paths)                     // draw borders as lines
+          .pathColor(() => '#ffffff')           // solid white
+          .pathStroke(0.12)                     // thickness in angular degrees
+          .pathPointAlt(() => 0.002)            // lift slightly off the surface
+          .pathResolution(3);                   // keep interpolation modest for perf
+      })
+      .catch(err => showErr(`Failed to load borders: ${err.message}`));
+    
+    
 
       // Orbit controls tuning (zoom/rotate)
       const ctrl = globe.controls();