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)

c51968bef8ae4eb69088930ab41f7e1c

Fork of Stylized Bar Chart

0 stars0🌍 Public
JJeff Yeung
Last edited Sep 7, 2022
Created on Sep 7, 2022
Forked from Stylized Bar Chart

This example displays the ten most populous countries as a horizontal bar chart, with country names on the y-axis and population on the x-axis. The code uses React and d3.scaleBand and d3.scaleLinear to position the bars, with SVG rectangles rendered from the United Nations World Population Prospects 2019 dataset. The axis components use d3.ticks for tick values, and tooltips reveal formatted population values via the d3.format function.

AI-generated description

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

Data: United Nations World Population Prospects 2019.