Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Chart - React, D3

Public visualization

Bar Chart - React, D3

0 stars0🌍 Public
NNelson M
Last edited Nov 18, 2023
Created on Nov 18, 2023
Forked from Pathetic Bar Chart

A bar chart displays the top 10 most populous countries in 2020, using horizontal bars sorted by population. The visualization is built with React components and D3 scales (`scaleBand`, `scaleLinear`), rendering SVG rectangles for marks and custom axis components. D3’s `csv` loader fetches United Nations World Population Prospects 2019 data, with population formatted in billions. Tooltips show exact values via SVG `<title>` elements, while axes and labels are styled with CSS.

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