Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World map

Public visualization

Viewing a saved revision (read-only)

6caf26f78bcb46fe9b6386b34838a5c0

World map

0 stars1🌍 Public
JJacob van Lingen
Last edited May 18, 2020
Created on May 18, 2020

This visualization displays a world map with countries colored in green, where clicking a country selects it and updates a title showing its name. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries from TopoJSON data loaded from the world-atlas package. Interactive zoom is implemented with `d3.zoom`, and selected countries are highlighted with a darker fill through SVG attributes. The rendering is SVG-based, with hover effects and titles per country provided by appended `<title>` elements.

AI-generated description