Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap tricks for interaction

Public visualization

Cheap tricks for interaction

0 stars0🌍 Public
RRoger Yu-Hsiang Lo
Last edited Feb 7, 2020
Created on Feb 7, 2020

This example shows an interactive world map built with D3 v5 and TopoJSON, using a Natural Earth projection. Users can pan and zoom the map via the `d3.zoom` API, with the viewport transform applied to a group element. Country boundaries are rendered as SVG paths via `d3.geoPath`, with hover highlighting controlled by CSS. The map loads world-atlas data from unpkg, joining TopoJSON features to TSV country names for tooltips.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed