Fork of Axes with React & D3
✓ Published0🌍 Public
This visualization displays the ten most populated countries as a horizontal bar chart with customized axes. It uses React hooks to load and manage data from the United Nations World Population Prospects 2019 CSV, then renders SVG elements directly through JSX. The chart constructs a band scale for countries and a linear scale for population values. Axis ticks and labels are manually generated using `scaleBand.ticks()` and `scaleLinear().domain().map()`, while line and text SVG elements create gridlines and annotations. The bars themselves are simple SVG rectangles sized from the scales.
AI-generated descriptionA program that shows the top 10 most populous countries as a pathetic bar chart with no axes.
MIT Licensed