Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Fork of Cheap Tricks for Interaction

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed