Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Chart - 04 [Stylized]

Public visualization

Viewing a saved revision (read-only)

0936c813480044758de860e795d34849

Bar Chart - 04 [Stylized]

0 stars1🌍 Public
EEhtisham UL Hassan
Last edited Nov 29, 2021
Created on Nov 29, 2021

A stylized horizontal bar chart displays 2019 UN population estimates for the top ten most populous countries, using the `scaleBand` and `scaleLinear` APIs from D3 v5 within a React component. Bars are rendered as SVG rectangles, with tooltips showing formatted values via the `format` function. The chart features custom tick styling, a Poppins font, and a color palette emphasizing orange bars against muted gridlines. Data is loaded asynchronously from a CSV via `fetch` and parsed with `csvParse`.

AI-generated description

Refactored Bar Chart.