Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Fork of Stylized Bar Chart

Public visualization

Fork of Stylized Bar Chart

0 stars0๐ŸŒ Public
CCharlie Smith
Last edited Sep 3, 2023
Created on Sep 3, 2023
Forked from Stylized Bar Chart

This example displays the ten most populous countries as horizontal bars, with country names on the y-axis and population totals on the x-axis. The visualization loads data from a United Nations World Population Prospects 2019 CSV file, which is parsed using `d3.csv` and sliced to the top ten entries. The chart is built with React components and rendered as SVG, using `d3.scaleBand` for the categorical y-axis, `d3.scaleLinear` for the numeric x-axis, and `d3.format` to abbreviate large population values. Hovering over a bar reveals its precise population via a native SVG `<title>` tooltip.

AI-generated description

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

Data: United Nations World Population Prospects 2019.

Comments

Sign in to join the discussion.

MIT Licensed