Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Interaction World Map

Public visualization

Viewing a saved revision (read-only)

49941e110d83484abd8d2a44f6756f1d

Interaction World Map

0 stars1๐ŸŒ Public
Ppplomith
Last edited Apr 5, 2021
Created on Mar 16, 2021
Forked from Map D3

This example displays a world map rendered with SVG paths, where countries are filled in light green and turn red on hover. It uses the Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to draw geographic features from a TopoJSON file loaded from the world-atlas package. The map supports zooming and panning through `d3.zoom`, which applies SVG transforms to the map group. Country names are resolved by joining the TopoJSON data with a TSV table, enabling tooltips via appended `title` elements.

AI-generated description