Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Viewing a saved revision (read-only)

4fb5bba5f8154e929f73255371e9826e

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