Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap tricks for interaction

Public visualization

Viewing a saved revision (read-only)

0a9c8a083a804acc984601ec9f0e07cf

Cheap tricks for interaction

0 stars0🌍 Public
Nnsadath
Last edited Dec 13, 2020
Created on Dec 13, 2020

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.