Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

world map

Public visualization

world map

0 stars1🌍 Public
Sseanowh
Last edited Sep 9, 2021
Created on Sep 8, 2021

This example displays a world map with landmasses, graticules, and country interiors using D3’s `geoNaturalEarth1` projection. The visualization loads country boundaries from the `world-atlas` package via `topojson`’s `feature` and `mesh` functions, rendering areawithin an SVG using React. The map’s sphere is light gray, land is teal, and interior boundaries are drawn in a lighter teal, while the graticule appears as thin grey lines. The code relies on `geoPath` to project geographic data and `geoGraticule` to generate the grid.

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