Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Panning & Zooming on a Globe - old

Public visualization

Viewing a saved revision (read-only)

82c04fb486384f109b03738530781083

Panning & Zooming on a Globe - old

0 stars2🌍 Public
CCurran Kelleher
Last edited Sep 2, 2023
Created on Aug 30, 2022
Forked from D3 Starter

This example shows an interactive orthographic globe that supports panning and zooming. Users drag to rotate the Earth and use the mouse wheel to scale the projection. The visualization renders world landmasses from TopoJSON data using `d3.geoOrthographic` and `d3.geoPath`. Panning is implemented with `d3.drag` to adjust the projection’s rotation, while zooming uses `d3.zoom` to modify its scale. The code also uses `d3.select` and `d3.json` to load and render the geographic features.

AI-generated description

An updated version of Orthographic Zoom I.

See also iterated versions: