Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized bar chart

Public visualization

Viewing a saved revision (read-only)

d7fd2158435748409a72d9acec0eba8d

Stylized bar chart

0 stars1🌍 Public
EElliot Hill
Last edited Jul 9, 2021
Created on Jul 9, 2021
Forked from Axes with react+d3

This example displays the top 10 most populous countries as horizontal bars, ranked by population from the United Nations World Population Prospects 2019 dataset. The chart uses React to render SVG elements, with d3.scaleBand and d3.scaleLinear for positioning, d3.csv for data loading, and d3.format for abbreviating population ticks. A native SVG `<title>` element provides hover tooltips, while the Poppins font and teal bars create a stylized aesthetic.

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.