Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

6:46 world map

Public visualization

Viewing a saved revision (read-only)

2f9c11fc48eb47618c224dbc243ff062

6:46 world map

2 stars1🌍 Public
Uumgi
Last edited Feb 28, 2021
Created on Feb 28, 2021
Forked from 6:15 line chart

This visualization displays a world map where each country is filled with a random hue derived from a preset green color using D3’s HSL color manipulation. The map is rendered with the Natural Earth projection via `d3.geoPath`, and includes graticules, a sphere outline, and country interiors in white. The code loads GeoJSON topology from the World Atlas, processes it with `topojson.feature` and `topojson.mesh`, and uses React state to manage the asynchronous data fetch.

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.