Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap tricks for interaction.js

Public visualization

Viewing a saved revision (read-only)

058b14697c3140019027e86f02d06764

Cheap tricks for interaction.js

0 stars1🌍 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