Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map

Public visualization

Viewing a saved revision (read-only)

72abe63ff63f466781889b77a1b18544

World Map

0 stars0🌍 Public
JJanet Li
Last edited Aug 25, 2021
Created on Aug 24, 2021
Forked from Working with Time

This example renders a world map using D3’s `geoNaturalEarth1` projection and `geoPath` to draw SVG paths for landmasses, country borders, and the sphere outline. Data comes from the World Atlas TopoJSON file via `topojson.feature` and `topojson.mesh`, loaded asynchronously with `json()` into React state. The map fills land in teal, strokes interior borders in a lighter shade, and uses a light gray background for the ocean.

AI-generated description

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