Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed