🌍 Public
Viewing a saved revision (read-only)
285db3dd8d3d48e09325b2a44ef6c3ed
Activity 8 Map
This example displays an interactive world map using D3 v5 and TopoJSON, rendering countries as light-green SVG paths with an indigo stroke against a sky-blue sphere. The map loads geographic data from the world-atlas countries-110m.json dataset and supports zooming and panning through d3.zoom. Hovering over a country changes its fill to maroon via CSS, while d3.geoPath and d3.geoEquirectangular handle the projection and path generation for the GeoJSON features.
AI-generated descriptionA demonstration of how to start using D3 version 6.