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)

53d5f5e634534e2bacf80edd389ba0a3

Fork of Stylized Bar Chart

0 stars0🌍 Public
HHaileabGH
Last edited Dec 7, 2021
Created on Dec 7, 2021
Forked from Stylized Bar Chart

This visualization displays the top 10 most populous countries as horizontal bars, using United Nations World Population Prospects 2019 data loaded via d3.csv. React components render SVG elements, with d3.scaleBand positioning countries on the y-axis and d3.scaleLinear mapping population values to bar widths. The d3.format function applies SI notation to axis ticks, converting values like "1.3G" to "1.3B". Color-coded teal bars include native SVG tooltips showing precise population figures 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.