Viewing a saved revision (read-only)
aac5337dedb94bcf9af1d344289acd9a
Aesthetic Submarine Cables Globe
This interactive 3D globe visualizes worldwide submarine cable networks, with cables rendered as glowing cyan paths and city labels sized by population on a dark, space-like background. Built with D3.js, it uses `geoOrthographic` projection and `geoPath` to draw landmasses and cables, while `drag()` and `zoom()` enable rotation and scaling. Label placement uses RBush spatial indexing to avoid overlap, pulling data from a submarine cable API, topojson world atlas data, and a cities CSV.
AI-generated descriptionInteractive Submarine Cable Map
A beautiful, interactive 3D globe visualization showing worldwide submarine cable networks. Built with D3.js and featuring dark mode aesthetics.
Features
- 🌍 Interactive 3D globe with orthographic projection
- 🔌 Real-time submarine cable network visualization
- 🖱️ Smooth drag-to-rotate and zoom interactions
- 🌙 Dark mode aesthetic with elegant color scheme
- 📱 Responsive design
Usage
Drag to rotate the globe, scroll to zoom in/out. Cables are color-coded by their properties.
License
MIT