Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Viewing a saved revision (read-only)

79f5ea6b598e4e908adb76f9d2220a4c

Cheap Tricks for Interaction

0 stars0🌍 Public
DDimanjan
Last edited Mar 24, 2020
Created on Mar 18, 2020

This example shows an interactive world map that supports zooming and panning, with country names revealed on hover. It renders geographic data using D3’s `geoNaturalEarth1` projection and `geoPath` into SVG, with country boundaries from TopoJSON and names from a TSV file. The zoom behavior is implemented via `d3.zoom`, applying a transform to a group element. Hover effects increase stroke width via CSS, while `title` elements display each country’s name.

AI-generated description