Skip to main content
100%

Cheap tricks for interaction.js

✓ Published1🌍 Public
NNeepaB
Last edited Dec 22, 2020
Created on Dec 22, 2020

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
MIT Licensed

Similar vizzes