Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a map

Public visualization

Let's make a map

0 stars0🌍 Public
Ssureshreddypr
Last edited Jul 30, 2020
Created on Jul 30, 2020
Forked from Let's make a map

This example displays a world map using the Natural Earth projection, with countries rendered as SVG paths and labeled according to their names from a TSV file. Users can pan and zoom the map via the d3.zoom behavior. The visualization loads geographic data from the world-atlas TopoJSON dataset, converts it to GeoJSON using topojson.feature, and projects it with d3.geoNaturalEarth1 and d3.geoPath. Country names are joined to numeric IDs via a reduce operation, and hover effects highlight individual nations.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed