Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

WorldMap

Public visualization

Viewing a saved revision (read-only)

0396aa1ba01b4ad2bca8a1a975632331

WorldMap

0 stars1🌍 Public
EEd Hutchinson
Last edited Apr 23, 2023
Created on Apr 23, 2023
Forked from LineChart

This visualization shows a world map with country boundaries rendered in green, overlaid with graticule lines and gray sphere background. Using React to manage the component lifecycle, the code loads GeoJSON data from the world-atlas package via D3’s json function, then applies d3.geoNaturalEarth1 projection and d3.geoPath to draw SVG paths. TopoJSON’s feature and mesh utilities extract country polygons and interior borders from the topology.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!