Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Map Interaction

Public visualization

Viewing a saved revision (read-only)

83c6d7fe13b84cbe9f1b4f9c099e9184

Map Interaction

0 stars0🌍 Public
WWayne716
Last edited Nov 23, 2020
Created on Nov 23, 2020
Forked from Map Interaction

This example displays an interactive world map, rendering country boundaries as SVG paths using d3.geoPath and a d3.geoNaturalEarth1 projection. The map is built from TopoJSON data loaded via d3.json and the topojson.feature API, with country names attached as SVG title elements. The visualization supports panning and zooming through d3.zoom, which applies a transform to the map group, and highlights individual countries by changing their fill color on hover using CSS.

AI-generated description