Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

819ee0297af546fe87c74c3d7d0e9326

Stylized Bar Chart

0 stars1🌍 Public
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 description

Using React & D3 to render a bar chart of UN population data.