Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

9b5c09f4f97b4a018ecf53e0a2f1447e

Fork of Stylized Bar Chart

0 stars0🌍 Public
Aa15923647
Last edited Nov 5, 2022
Created on Nov 5, 2022
Forked from Stylized Bar Chart

This visualization displays the top 10 most populous countries as horizontal bars, with country names on the y-axis and population counts (converted from UN data to billions) on the x-axis. Built with React and D3 v5, it uses `scaleBand` for the ordinal y-axis, `scaleLinear` for the x-axis, and `format('.2s')` to abbreviate tick labels. The code renders SVG elements through components like `AxisBottom` and `Marks`, loading data from the United Nations World Population Prospects 2019 via `csv()`. Teal bars with a Poppins font and minimal axes create a clean, stylized presentation.

AI-generated description

A program that shows the top 10 most populous countries as a bar chart.

Data: United Nations World Population Prospects 2019.