Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Steve's stylized barchart

Public visualization

Viewing a saved revision (read-only)

3e10ba4400f349cdbf59ac999bfde58c

Steve's stylized barchart

0 stars1🌍 Public
Bbootshine2
Last edited Sep 25, 2019
Created on Sep 25, 2019

This example displays the top 10 most populous countries as a horizontal bar chart, with country names on the y-axis and population counts on the x-axis. The React app loads United Nations World Population Prospects 2019 data via `csv`, then uses `scaleBand` and `scaleLinear` to position bars. SVG rectangles render the marks with tooltips, while custom `AxisBottom` and `AxisLeft` components draw tick lines and labels using D3's scale methods.

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.