🌍 Public
Viewing a saved revision (read-only)
35fdea46d11f4f948845e948e43d707d
Cheaps tricks for interaction
This example presents a zoomable, interactive map of the world using D3.js. It loads geographic data from a world-atlas TopoJSON file and country names from a TSV file, rendering landmasses as SVG paths. The visualization uses D3's geoNaturalEarth1 projection and geoPath to draw countries, with country names displayed as tooltips. A zoom interaction is implemented through D3's zoom module, allowing users to pan and magnify the map. The countries are styled with a light green fill, and hovering over an individual country highlights it in orange.
AI-generated description