🌍 Public
Viewing a saved revision (read-only)
642ca7bb31b94eaa83a22f5503fe0f4b
Fork of React starter
A horizontal bar chart ranks the ten most populous countries using a dataset of country populations. Built with React and D3 v7, the visualization uses `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, with SVG `<rect>` elements as marks. Axes are rendered manually via `scaleX.ticks()` and formatted with `format('0.2s')` to display billions. The chart loads CSV data asynchronously and includes an x-axis label, maintaining a clean, minimal design with styled grid lines and text.
AI-generated descriptionReact Starter code.