Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Cheap Tricks for Interaction

0 stars1🌍 Public
OOliver Wills
Last edited Jun 19, 2020
Created on Jun 19, 2020

This example demonstrates a world map with interactive pan and zoom, using a natural Earth projection rendered as SVG. Country boundaries are drawn from TopoJSON data enriched with names from a TSV file, and hovering highlights individual nations in red. The implementation relies on D3 v5 features including `d3.zoom`, `d3.geoPath`, and `d3.geoNaturalEarth1`, with the map contained in an SVG group that responds to zoom transforms. Tooltips are provided through SVG `<title>` elements.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed