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
Nnouralkhoury
Last edited Nov 22, 2020
Created on Nov 22, 2020

This example shows a rotating orthographic globe, with land masses rendered in light green against a black background. Country names appear as hover tooltips. The globe rotates continuously based on an elapsed time timer, with the projection's rotation updated accordingly. D3's `geoOrthographic` projection, `geoPath`, and `geoGraticule` are used to define the map, while land data comes from the `world-atlas` package. The visualization uses SVG rendering and a zoom interaction, and displays a graticule overlay.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed