🌍 Public
Viewing a saved revision (read-only)
c26f80e33ea94a5092ac0d38c9ff23f4
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!