Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Viewing a saved revision (read-only)

bc30e72b4642495d9a6014c4e228308a

Cheap Tricks for Interaction

0 stars1🌍 Public
TThomas Seberechts
Last edited Jun 7, 2020
Created on Jun 7, 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