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 stars0🌍 Public
Zzahra929
Last edited Nov 26, 2020
Created on Nov 26, 2020

This example demonstrates an interactive orthographic globe that rotates continuously, with countries rendered in light green and highlighted red on hover. The visualization shows land masses, a graticule grid, and an ocean sphere against a black background, with zooming enabled. It uses D3 v5 and TopoJSON, applying d3.geoOrthographic and d3.geoPath to project world data from the world-atlas 50m dataset. A d3.timer drives the rotation by updating the projection’s rotation, while zoom behavior transforms the globe group. Country names are displayed via SVG title elements.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed