🌍 Public
Viewing a saved revision (read-only)
058b14697c3140019027e86f02d06764
Cheap tricks for interaction.js
This example shows an interactive world map where individual countries are highlighted in red on hover, with a zoomable natural Earth projection. The visualization loads geographic data from the world-atlas package, including both topojson geometry and a TSV file containing country names. Using D3’s geoPath and geoNaturalEarth1 projection, it renders countries as SVG paths; the zoom feature relies on D3’s zoom event handler to adjust the group’s transform. Country names are joined from the TSV data based on ISO numeric codes.
AI-generated description