🌍 Public
Viewing a saved revision (read-only)
be8c4c7e0a3d4809b92b265fbf34fa70
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.