Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Cheap Tricks for Interaction

0 stars0🌍 Public
Iivailomd
Last edited Oct 30, 2019
Created on Oct 30, 2019

A world map rendered with SVG paths uses D3’s geoNaturalEarth1 projection and geoPath generator. Countries are drawn from world-atlas TopoJSON and TSV data, with each path gaining a hover effect that turns it yellow and a click handler that shows an alert. The map sits inside a zoomable group, where the zoom event applies a transform to the container, enabling pan and scale interactions. The code builds the visualization with D3 v5 and topojson, displaying a blue sphere backdrop and light green countries.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed