Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Canvas Globe with Panning & Zooming

Public visualization

Viewing a saved revision (read-only)

5ad2093a084f40cfb126d08512f389ef

Canvas Globe with Panning & Zooming

0 stars3🌍 Public
CCurran Kelleher
Last edited Aug 7, 2024
Created on Aug 6, 2024

This canvas globe visualization displays country boundaries using an orthographic projection, allowing users to pan and zoom. Built with D3's `geoOrthographic`, `geoPath`, and `geoGraticule` APIs, it renders directly to a Canvas context. The map supports drag-based rotation and scroll-based zooming via D3's `drag` and `zoom` interactions. It loads world topology data from a remote JSON file and animates state transitions, with retina display support through device pixel ratio scaling.

AI-generated description

A globe with panning and zooming, using Canvas instead of SVG.

MIT Licensed