🌍 Public
Viewing a saved revision (read-only)
796102b0ace94c209b7e1768d18bcefc
The Margin Convention
This visualization displays the top ten countries by population using horizontal bars, with bar width representing population size and countries arranged vertically. The code loads United Nations World Population Prospects 2019 data via `d3.csv`, parses the 2020 population column, and renders SVG rectangles through React components. It uses `d3.scaleLinear` for the x-axis population scale and `d3.scaleBand` for the y-axis country categories, with margins applied via a translated `<g>` element. The visualization is built with React 16.9 and D3 v7.
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!