🌍 Public
Viewing a saved revision (read-only)
35bcee094f2d42dc8836e97ead8d32c3
Interactive World Map
This interactive world map displays country boundaries colored in green on a blue sphere, with hover states turning countries orange. The visualization uses D3 v5 and TopoJSON to load world atlas data from unpkg, combining geographic TSV metadata with 50m JSON topology. It renders through an SVG path generator with a natural Earth projection, while d3.zoom enables pan-and-zoom interaction. Country names appear as tooltips via appended title elements, and the map resizes to fill the browser viewport.
AI-generated descriptionMap Tutorial