Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mercator Panning & Zooming

Public visualization

Mercator Panning & Zooming

0 stars2🌍 Public
CCurran Kelleher
Last edited May 16, 2024
Created on May 16, 2024

This example demonstrates a Mercator projection map of the world that supports interactive panning and zooming. The visualization renders country boundaries as vector paths and includes a graticule grid, with an outline representing the sphere. The interaction is managed through the `d3.zoom` API, which adjusts the projection's scale and translation. Map data is fetched from the *visionscarto* world atlas, and the rendering pipeline uses `d3.geoPath` and `d3.geoGraticule`, with the `topojson-client` library processing the topology data into geographic features.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed