Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

world map

Public visualization

Viewing a saved revision (read-only)

66961da6696c40e989bfe3b86e895386

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.