🌍 Public
Viewing a saved revision (read-only)
cb7887a6a717428f993050bec6c2d375
world map interaction
This example presents an interactive world map built with D3.js v5, displaying country boundaries and names sourced from the world-atlas TopoJSON dataset. Users can zoom and pan the map using d3.zoom, with the transform applied to a group element. Countries are rendered as SVG paths via d3.geoPath and a natural Earth projection, with tooltips showing country names from the TSV file. Hovering highlights countries in red, while the ocean sphere uses a blue fill.
AI-generated descriptionAn example including some commonly used features of SVG.