Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map with TopoJSON

Public visualization

Viewing a saved revision (read-only)

6b04676339cf4dd488f3c63b55e0d66c

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