Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Zoomable Globe with Cities Template

Public visualization

Viewing a saved revision (read-only)

619bc6a1d43a47c194b71311ead12c61

Zoomable Globe with Cities Template

1 star4🌍 Public
CCurran Kelleher
Last edited Jan 17, 2026
Created on Jan 16, 2026

This interactive globe visualizes major world cities using an orthographic projection, with labels that dynamically appear as users drag to rotate and scroll to zoom. Canvas handles the geographic rendering of countries, graticule, and sphere gradient via `d3.geoOrthographic` and `d3.geoPath`, while an SVG overlay draws city labels using collision detection powered by `rbush`. Population data from a CSV file is filtered and scaled with `d3.scaleSqrt`, with interactive controls implemented through D3’s `drag` and `zoom` behaviors.

AI-generated description