Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Zoomable Globe with Cities on SVG

Public visualization

Viewing a saved revision (read-only)

b98ff10e35694f799a729868b2954407

Zoomable Globe with Cities on SVG

0 stars1🌍 Public
CCurran Kelleher
Last edited Jan 16, 2026
Created on Jan 16, 2026

This visualization presents an interactive 3D globe of the world with city labels that appear based on population and zoom level. Users can drag to rotate the globe and scroll to zoom, with label visibility adjusting dynamically. Built with React and D3 v7, it uses `geoOrthographic` projection, `geoPath`, `geoGraticule`, and drag/zoom behaviors. City and world atlas data come from external JSON and CSV sources, with an SVG-based renderer featuring configurable colors and label styling.

AI-generated description
MIT Licensed