Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Spinning Globe

Public visualization

Spinning Globe

0 stars0🌍 Public
Aaaadarshsingh36@gmail.com
Last edited Feb 23, 2026
Created on Feb 23, 2026
Forked from Spinning Globe

This example visualizes the Earth as a spinning globe, using an orthographic projection to render country boundaries and a graticule in a dark-outlined sphere. The animation continuously updates the rotation state via `requestAnimationFrame`, gradually shifting the longitude to create a smooth spin. The code uses `d3.geoOrthographic`, `d3.geoPath`, and `d3.geoGraticule` from the D3 library, along with `topojson-client` to convert TopoJSON data fetched from the visionscarto-world-atlas into GeoJSON features. The visualization responds to window resizing, scaling the SVG output accordingly.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed