Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart with Label

Public visualization

Viewing a saved revision (read-only)

a850ad6726a048b0b118cd9f954df8a5

Stylized Bar Chart with Label

0 stars1🌍 Public
Kkatebacon32
Last edited Apr 22, 2021
Created on Apr 20, 2021
Forked from Stylized Bar Chart

This stylized bar chart visualizes the top 10 most populous countries using a horizontal bar layout with a custom label for the population axis. The chart renders in SVG via React, with bars colored in blue and axis ticks styled in muted gray. The code uses D3 v5 APIs such as `scaleBand`, `scaleLinear`, `max`, and `format`, along with React hooks (`useState`, `useEffect`) to load data. The population values come from the United Nations World Population Prospects 2019 dataset, fetched as CSV and formatted in billions with a custom tick formatter.

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.