🌍 Public
Viewing a saved revision (read-only)
819ee0297af546fe87c74c3d7d0e9326
Stylized Bar Chart
PPhronesis
Last edited Nov 18, 2021
Created on Nov 17, 2021
This stylized bar chart displays UN population data for the top 10 countries, using horizontal bars colored by a custom `selectColor` function that randomly assigns hues from a fixed palette. The React front-end leverages D3 v5’s `scaleBand` and `scaleLinear` for axes and layout, with `AxisBottom` and `AxisLeft` custom components rendering SVG ticks. Data is loaded asynchronously from a CSV via `useData`, and tooltips using D3’s `format` provide formatted population values on hover.
AI-generated descriptionUsing React & D3 to render a bar chart of UN population data.