🌍 Public
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.
MIT Licensed
Comments
Sign in to join the discussion.