🌍 Public
Viewing a saved revision (read-only)
2f7c6b4797b0491ab80b6395b33c3fe5
The Margin Convention
The visualization displays the ten most populous countries as horizontal bars, lacking any axes, labels, or scales. The chart appears "pathetic" by design, emphasizing only the raw lengths of bars against a blank canvas. Data comes from a CSV file containing UN population figures for 2020. The code uses React with D3’s `scaleBand` and `scaleLinear` to map countries and population values, rendering SVG `<rect>` elements inside a translated group based on a fixed margin.
AI-generated descriptionA program that shows the top 10 most populous countries as a pathetic bar char with no axes.