Skip to main content
100%

Fork of Pathetic Bar Chart

✓ Published0🌍 Public
AArkadiusz Zabicki
Last edited Nov 3, 2021
Created on Nov 3, 2021
Forked from Pathetic Bar Chart

This example visualizes the top 10 most populous countries as a "pathetic" bar chart, displaying horizontal bars without any axes or labels. The bar lengths encode each country’s 2020 population, taken from the United Nations World Population Prospects 2019 dataset, which is loaded via `d3.csv`. The visualization uses React’s `useState` and `useEffect` hooks to fetch and store the data, then renders SVG rectangles with `d3.scaleBand` for the y-axis positions and `d3.scaleLinear` for the x-axis widths. The chart intentionally omits tick marks, gridlines, and value text, leaving only unsorted, unadorned bars.

AI-generated description

A program that shows the top 10 most populous countries as a pathetic bar chart with no axes.

Data: United Nations World Population Prospects 2019.

MIT Licensed

Similar vizzes