Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

1404a67e481b4d7f80fd77b8e719800d

Stylized Bar Chart

0 stars0🌍 Public
HHashir Hameed Niazi
Last edited Mar 30, 2020
Created on Mar 30, 2020
Forked from Stylized Bar Chart

This example displays the world’s ten most populous countries as horizontal bars, with population values formatted in billions and country names labeled on the left axis. Built with React and D3 (d3.scaleBand, d3.scaleLinear), it loads UN World Population Prospects 2019 data via d3.csv, sorting the top ten entries. The chart uses an SVG rendering, with axis tick styling and bar fill colors defined in CSS, plus native `<title>` elements for tooltips. A loading state appears while the data is fetched.

AI-generated description

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

Data: United Nations World Population Prospects 2019.