🌍 Public
Viewing a saved revision (read-only)
b0aee5a2b36945d8b2d24c9ad962d7d3
The Margin Convention
This visualization displays the populations of the ten most populous countries in 2020 as horizontal bars, sorted by country name. It loads CSV data from a GitHub Gist using D3’s `csv` utility, then renders the chart with React as SVG elements. D3’s `scaleBand` and `scaleLinear` position and size the rectangles within a fixed margin-defined plotting area, emphasizing the chart’s interior space.
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!