🌍 Public
Viewing a saved revision (read-only)
364ed0ff193f4a68821b6c333d679739
Cheap Tricks for Interaction
This example demonstrates a world map with zoom and hover interactions, rendering countries as SVG paths using a Natural Earth projection. It relies on d3.zoom for pan and zoom transformations, d3.geoPath for projecting geographic data, and TopoJSON for country boundaries sourced from the world-atlas dataset. Country names are loaded from a TSV file, while hover effects change fill colors via CSS. The map also includes a spherical background and uses d3.select to manage the SVG container.
AI-generated description