Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pathetic Bar Chart

Public visualization

Pathetic Bar Chart

0 stars1🌍 Public
AALI Akbar SABZI
Last edited May 9, 2021
Created on May 8, 2021
Forked from Pathetic Bar Chart

This example visualizes the top 10 most populous countries as a simple horizontal bar chart, with bars sized by each country’s 2020 population from the United Nations World Population Prospects 2019 dataset. No axes or labels are rendered, making the chart deliberately minimalistic. The React component uses `useState` and `useEffect` to load and parse the CSV via `d3.csv`, then renders SVG `<rect>` elements positioned with `d3.scaleBand` and `d3.scaleLinear`. While loading, a large "Loading..." text is displayed using a `<pre>` element.

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.

Comments

Sign in to join the discussion.

MIT Licensed