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)

d77951e3a32948aea8790a68d9fd6ceb

Fork of Cheap Tricks for Interaction

0 stars0🌍 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