Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Course 7: World Map - Rotating Globe

Public visualization

D3 Course 7: World Map - Rotating Globe

0 stars2🌍 Public
GGabrz
Last edited Apr 2, 2020
Created on Apr 2, 2020

This interactive globe visualizes world countries using an orthographic projection that continuously rotates over time. The example renders landmasses in light green with hover highlighting, displays graticule meridians, and includes a blue ocean sphere. It loads geographic data from the world-atlas package, which provides both GeoJSON and TSV country name lookups. Using d3.geoOrthographic, d3.geoPath, and d3.geoGraticule functions, the globe animates via d3.timer, rotating the projection's horizontal axis while maintaining a fixed vertical tilt, with zoom support integrated through d3.zoom.

AI-generated description

Data Visualization with D3 course; World Map (Rotating Globe)

Comments

Sign in to join the discussion.

MIT Licensed