🌍 Public
Viewing a saved revision (read-only)
ff107b7150d944869e972ad1763c9182
The Margin Convention
This example shows the top 10 most populous countries as a simple bar chart, with each country’s population represented by the width of a rectangle. The chart deliberately omits axes, ticks, and labels to highlight the importance of margins in visualization layout. Built with React and D3 v5, it uses `scaleBand`, `scaleLinear`, and `max` to map data to screen coordinates, while a fixed margin object reserves space around the SVG. Data comes from the United Nations World Population Prospects 2019, rendered entirely as SVG elements.
AI-generated descriptionA program that shows the top 10 most populous countries as a pathetic bar chart with no axes.