Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Viewing a saved revision (read-only)

675e6dbadc4242b4a1ffc0801a6223bf

Cheap Tricks for Interaction

0 stars0🌍 Public
Vveagy
Last edited Sep 26, 2018
Created on Sep 25, 2018

This example demonstrates interactive zooming and panning on a natural Earth projection map, with country boundaries colored green and highlighting red on hover. It uses a world-atlas TopoJSON dataset merged with a TSV file to map country IDs to names, which appear as tooltips via SVG `<title>` elements. The implementation relies on d3.geoNaturalEarth1, d3.geoPath, d3.zoom, and topojson.feature to render and manipulate the geographic shapes within an SVG canvas.

AI-generated description