Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap tricks for interaction

Public visualization

Cheap tricks for interaction

0 stars1🌍 Public
Nnsadath
Last edited Dec 13, 2020
Created on Dec 11, 2020
Forked from Map

This example demonstrates a world map with zoom and hover interactions. Using D3’s `geoNaturalEarth1` projection and `geoPath`, it renders country boundaries from TopoJSON world-atlas data, with country names loaded via TSV. A D3 zoom behavior on the SVG applies a transform to the map group, enabling pan and scale. Hovering over a country changes its fill to red via CSS, highlighting the selected region.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed