Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map with TopoJSON

Public visualization

Viewing a saved revision (read-only)

f21d17853f9a43a1b18fdc9be5f7227c

World Map with TopoJSON

0 stars0🌍 Public
Ssumanthsomu1
Last edited Apr 10, 2023
Created on Apr 10, 2023
Forked from D3 Starter

This example displays a world map rendered as green SVG paths on a light blue background, with countries brightening on mouseover. It loads country boundaries from the world-atlas TopoJSON dataset and converts them to GeoJSON features using topojson.feature. The d3.geoMercator projection and d3.geoPath API generate the map geometry, while event handlers dynamically change path fill colors to highlight individual countries.

AI-generated description