🌍 Public
Viewing a saved revision (read-only)
e836522162fd4ae99a6acba607cac393
Fork of Refactored Bar Chart
This example displays the top 10 most populous countries as a horizontal bar chart using React and SVG, with data from the United Nations World Population Prospects 2019. The chart uses `scaleBand` for the y-axis and `scaleLinear` for the x-axis, with bars rendered as SVG `<rect>` elements. Axes are constructed manually via `.ticks()`, and data loading and parsing are handled with `d3.csv` inside a custom `useData` hook. The visualization includes clearly labeled country names on the left and tick marks on the bottom axis.
AI-generated descriptionA program that shows the top 10 most populous countries as a pathetic bar chart with no axes.