Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Viewing a saved revision (read-only)

74bdefdbb0cd4a3c9afa7b8390d4e1f6

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