Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map: Hover and Zoom/Pan

Public visualization

World Map: Hover and Zoom/Pan

0 stars1🌍 Public
TTristan Schrader
Last edited Feb 22, 2020
Created on Feb 22, 2020

This example shows an interactive world map that highlights countries in red on hover and supports zooming and panning through mouse interactions. The map renders with D3’s `geoNaturalEarth1` projection and `geoPath` for SVG paths, while country boundaries come from TopoJSON data merged with names from a TSV file. Zoom behavior is implemented with `d3.zoom`, applying transforms to a group element. Country tooltips display names via SVG `<title>` elements.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed