🌍 Public
Viewing a saved revision (read-only)
fc9012608b714a839201c2bc5deb5ed0
Fork of The Margin convention
This example shows a horizontal bar chart of the top 20 countries by 2020 population from the UN Population dataset, loaded via `d3.csv`. React renders SVG `rect` elements scaled with `d3.scaleLinear` for width and `d3.scaleBand` for vertical positioning, respecting a margin convention. The chart updates asynchronously after data loads, with a loading state shown before render.
AI-generated descriptionA program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!