Skip to main content
100%

Stylized Bar Chart

✓ Published0🌍 Public
JJordan Chiu
Last edited Jan 15, 2020
Created on Jan 15, 2020
Forked from Stylized Bar Chart

This example shows a horizontal bar chart of country populations, with a stylized teal color scheme and custom Poppins typography. The chart uses React to render an SVG, with D3 v5 scales (`scaleBand` and `scaleLinear`) and axes (`AxisBottom`, `AxisLeft`) to position bars and ticks. Population values are formatted with D3’s `format` function to abbreviate large numbers (e.g., "B" for billions). Data loads asynchronously via a `useData` hook, which uses `d3.csv` to fetch the dataset, and the visualization updates once the data arrives.

AI-generated description
MIT Licensed

Similar vizzes