Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a map

Public visualization

Viewing a saved revision (read-only)

5601e5810f4448329f091fbce90f9b03

Let's make a map

0 stars2🌍 Public
Lloicvdk
Last edited Aug 11, 2020
Created on Jul 26, 2020
Forked from Let's make a face

This map visualization displays global country boundaries using a natural Earth projection. The code uses d3.geoPath and d3.geoNaturalEarth1 to render the sphere and countries as SVG paths. Country names come from a TSV file, joined to the TopoJSON geometry via ISO codes. d3.zoom supports interactive pan and zoom, while CSS hover styling highlights individual nations.

AI-generated description

React Starter code.