🌍 Public
Viewing a saved revision (read-only)
d2eb499d6bb84d518edd2f5c8b7bfc4f
Untitled
This example demonstrates an interactive 3D globe visualization built with React and D3. It renders a rotating Earth using `d3.geoOrthographic` and `d3.geoPath` to project country boundaries onto a canvas, with atmospheric shading applied through layered gradients. The code uses `d3.forceSimulation` to position label nodes around the planet, enabling smooth hover interactions that display country names and associated data. The visualization loads geographic coordinates from a bundled TopoJSON dataset and updates the globe’s rotation via a requestAnimationFrame loop, providing a dynamic and responsive exploration of world geography.
AI-generated descriptionReact Starter code.