🌍 Public
Viewing a saved revision (read-only)
e309f6866e7941b394c5571cefc359e5
The Margin Convention
This example shows a horizontal bar chart of the top 10 most populous countries in 2020, with each bar’s length proportional to the country’s population. The visualization is built using React and D3’s `scaleBand` and `scaleLinear` to map country names to y-coordinates and population counts to bar widths, respectively. Data is loaded asynchronously from a CSV via D3’s `csv` utility, and bars are rendered as SVG `rect` elements within a margin-adjusted coordinate system.
AI-generated descriptionA program that loads in some data using D3 uitilities, and uses React to render the data as a radial burst!