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)

d403113c799e4e5a8f5e4a58a09331df

Fork of Stylized Bar Chart

0 stars0🌍 Public
TTrashBoatDora
Last edited Sep 26, 2022
Created on Sep 26, 2022
Forked from Stylized Bar Chart

This example shows the ten most populous countries in 2020 as a horizontal bar chart, with country names on the y-axis and population in billions on the x-axis. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` for positioning and `format('.2s')` to abbreviate tick labels. Data comes from the United Nations World Population Prospects 2019, loaded via `d3.csv`. Rects render as SVG marks, with axis components drawing tick lines and labels, and a tooltip showing the formatted population value on hover.

AI-generated description

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

Data: United Nations World Population Prospects 2019.