Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized bar chart xizhi

Public visualization

Viewing a saved revision (read-only)

41df866438b441b8b18892fa82aeddc9

Stylized bar chart xizhi

0 stars0🌍 Public
XXizhiW
Last edited Jan 18, 2022
Created on Jan 18, 2022

This example displays the top 10 most populous countries as a horizontal bar chart using React and D3 v5. The bars are rendered as SVG rectangles, with population values mapped through `scaleLinear` and country names positioned using `scaleBand`. The chart includes axes generated by `d3.axisBottom` and custom tick components, styled with the Dongle font. Data comes from the United Nations World Population Prospects 2019 CSV, loaded via `d3.csv` and sliced to the first ten entries.

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.