🌍 Public
Easy map interactions
This example displays an interactive world map rendered with SVG, using natural Earth projection via d3.geoNaturalEarth1 and d3.geoPath. The map loads country boundaries and names from the world-atlas TopoJSON and TSV datasets. Users can pan and zoom using d3.zoom, which applies a transform to the map group. Hovering highlights individual countries in red, and each country includes a native SVG title element displaying its name as a tooltip.
AI-generated descriptionA simple map from d3 using topojson.
MIT Licensed
Comments
Sign in to join the discussion.