Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tricks for Interaction

Public visualization

Tricks for Interaction

0 stars0🌍 Public
AAntonino Praxedes
Last edited May 9, 2020
Created on May 7, 2020

This example shows an interactive world map that supports pan and zoom navigation. The visualization renders a natural Earth projection using SVG paths, with each country drawn in light green and outlined in black. Hovering over a country changes its fill color to red, while a tooltip displaying the country name appears. The implementation uses D3 v5 APIs including `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.zoom`. Country boundaries come from the world-atlas TopoJSON dataset, joined with names from a TSV file. User interactions are handled by the zoom behavior, which applies SVG transform attributes to the map group.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed