Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Viewing a saved revision (read-only)

4024de94ca9d433e83e682ed5f8e6642

Cheap Tricks for Interaction

0 stars1🌍 Public
TThomas Seberechts
Last edited Jun 7, 2020
Created on Jun 5, 2020

A world map renders each country as an SVG path using `d3.geoPath` and a Natural Earth projection, with data from the world-atlas TopoJSON source. A `d3.zoom` behavior on the SVG element applies pan and zoom transforms to a grouped layer, letting users scale and move the entire map. Hovering over a country triggers a CSS `:hover` rule that changes its fill to red, while a `<title>` element inside each path provides a native tooltip with the country name.

AI-generated description