Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Spinning Globe

Public visualization

Viewing a saved revision (read-only)

b30745f5bfea48a98aee286e020b061a

Spinning Globe

0 stars0🌍 Public
JJoel Jäggli
Last edited Dec 22, 2024
Created on Dec 22, 2024
Forked from Spinning Globe

A spinning globe uses an orthographic projection to display world country boundaries from a TopoJSON file. The globe rotates continuously around its vertical axis as the projection’s rotation state updates on each animation frame via `requestAnimationFrame`. The code applies `d3.geoOrthographic`, `d3.geoPath`, and `d3.geoGraticule` to draw country paths, a graticule, and a sphere outline, with state managed through setState and cleanup.

AI-generated description

A spinning globe!

See also:

MIT Licensed