Skip to main content
100%

Fork of Cheap Tricks for Interaction

✓ Published0🌍 Public
Llinyyyyyyyyy
Last edited Dec 4, 2022
Created on Dec 4, 2022

This example shows an interactive world map with selectable countries, where hovering over a country reveals its name as a tooltip and highlights it in red. The map uses a natural Earth projection rendered as SVG paths, with a blue sphere background. It loads geographic data from the World Atlas TopoJSON and TSV files, joining country names by ID. The implementation relies on D3 v5 APIs including d3.geoPath, d3.geoNaturalEarth1, d3.zoom, and d3.json, along with a zoom transform applied to the map group for panning and scaling.

AI-generated description
MIT Licensed

Similar vizzes