Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

world map

Public visualization

world map

0 stars0🌍 Public
TTanupat B.
Last edited Mar 21, 2022
Created on Mar 21, 2022
Forked from line chart

This example displays a natural Earth projection world map, rendering landmasses in teal against a light gray sphere with subtle graticules and country borders. It loads geospatial data from the World Atlas TopoJSON file using `d3.json` and processes it with `topojson.feature` and `topojson.mesh`. The SVG paths are generated with `d3.geoPath` and `d3.geoNaturalEarth1` inside a React component, with styling applied via CSS class selectors for the land, sphere, interiors, and graticules.

AI-generated description

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

Comments

Sign in to join the discussion.

MIT Licensed