Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 map drag demo

Public visualization

D3 map drag demo

2 stars10🌍 Public
GGlebenator
Last edited Apr 2, 2021
Created on Jan 18, 2021

This demo displays an interactive orthographic globe where users can click and drag to rotate the Earth, with country boundaries rendered as SVG paths and tooltips revealing country names on hover. The sphere, graticule, and countries are drawn using d3.geoPath with a d3.geoOrthographic projection, while rotation is handled manually through d3.drag events that adjust the projection’s rotate values. Country geometries come from the world-atlas TopoJSON dataset (50m resolution) paired with a TSV file for name lookups, and the visualization also supports d3.zoom for additional transformations.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed