Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map w/ Rotation

Public visualization

Viewing a saved revision (read-only)

9d72473fdb614a4abfc22c126d7fca1b

World Map w/ Rotation

0 stars0🌍 Public
Ssalimjivani
Last edited Apr 5, 2022
Created on Apr 5, 2022

This example presents an interactive world map as a rotating orthographic globe. The visualization loads geographic boundary data from a JSON file and renders it as SVG paths, continuously adjusting the map’s rotation with a timer. The animation rotates the projection along its horizontal axis using `projection.rotate()`, while a tilting offset adjusts the vertical perspective. The map uses `d3.geoOrthographic`, `d3.geoPath`, and `d3.geoProjection` to create the spherical effect, and the countries are filled with a solid green color.

AI-generated description