Skip to main content
100%

World Map

✓ Published0🌍 Public
CChristian Potdevin
Last edited Mar 29, 2021
Created on Mar 29, 2021

This world map visualization displays global landmasses and country boundaries using a Natural Earth projection. The SVG rendering employs D3’s `d3.geoNaturalEarth1` projection with `d3.geoPath` to draw land features, graticules, and country interiors from a TopoJSON dataset loaded via `d3.json`. React’s `useState` and `useEffect` hooks manage asynchronous data fetching. The map uses distinct fills for land, sphere background, and stroke styles for interiors and graticules, creating a clean, informative geographic view.

AI-generated description

A program that loads in some data using D3 utilities, and uses React state to keep track of the data.

MIT Licensed

Similar vizzes