Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Easy map interactions

Public visualization

Easy map interactions

0 stars1🌍 Public
WWarren-Fitzhenry
Last edited Jan 1, 2020
Created on Jan 1, 2020
Forked from Making a map

This example displays an interactive world map rendered with SVG, using natural Earth projection via d3.geoNaturalEarth1 and d3.geoPath. The map loads country boundaries and names from the world-atlas TopoJSON and TSV datasets. Users can pan and zoom using d3.zoom, which applies a transform to the map group. Hovering highlights individual countries in red, and each country includes a native SVG title element displaying its name as a tooltip.

AI-generated description

A simple map from d3 using topojson.

Comments

Sign in to join the discussion.

MIT Licensed