Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Cheap Tricks for Interaction

Public visualization

Viewing a saved revision (read-only)

4ac43eebf4e34b1580f6321e6cded002

Fork of Cheap Tricks for Interaction

0 stars0🌍 Public
Kklumng
Last edited Feb 11, 2023
Created on Feb 11, 2023

This example shows a zoomable world map with country boundaries, where hovering over any country highlights it in red. It renders the map as SVG paths using `d3.geoPath` with a `geoNaturalEarth1` projection, and enables pan-and-zoom interaction through `d3.zoom`. Country names come from a TSV file joined to TopoJSON geometry from the world-atlas dataset, while hover styling relies on CSS.

AI-generated description