🌍 Public
Viewing a saved revision (read-only)
6f6594e786ab4ef7a52e066bfe131880
Activity 8 Map
This example displays an interactive world map using a spherical projection, with countries rendered as filled paths and an ocean backdrop. Panning and zooming are enabled through D3’s zoom behavior, which applies transforms to the entire SVG. The map is built with `d3.geoEquirectangular` for projection, `d3.geoPath` for generating paths, and `topojson.feature` to convert TopoJSON data from the world-atlas dataset into GeoJSON. Countries are colored light green and turn maroon on hover.
AI-generated descriptionA demonstration of how to start using D3 version 6.