Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Viewing a saved revision (read-only)

784bc7d6b829421cbf6d300cbbf6558e

Cheap Tricks for Interaction

1 star1🌍 Public
HHe Jianfeng
Last edited Apr 8, 2021
Created on Apr 8, 2021

This example demonstrates interactive pan and zoom on a world map, with countries highlighted in red on hover and tooltips displaying country names via SVG `<title>` elements. It uses a natural Earth projection (`geoNaturalEarth1`) and renders geographic features with `d3.geoPath`. The map loads world-atlas TopoJSON data and merges it with TSV country names, while the zoom behavior is implemented through `d3.zoom` applied to an SVG group.

AI-generated description