Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map

Public visualization

Viewing a saved revision (read-only)

b21254c4f62f443abb982f6d87e93d37

World Map

0 stars1🌍 Public
Mmustafaksyed1@gmail.com
Last edited Apr 12, 2026
Created on Apr 12, 2026
Forked from React & D3 Starter

This interactive world map visualizes the Global Peace Index (GPI) 2023, coloring each country on a green-to-red gradient from safest to least safe. Hovering a country fades it slightly and displays a tooltip with its name and score. Built with D3 v7 and TopoJSON, the map uses `d3.geoPath` to render SVG country shapes, with a CSS-defined legend bar indicating the color scale.

AI-generated description