Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World map

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed