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)

592e2f5eeb144140aa665e2fc22a7e75

Fork of Stylized Bar Chart

0 stars0🌍 Public
Pperformautodev
Last edited Sep 6, 2021
Created on Sep 6, 2021
Forked from Stylized Bar Chart

This bar chart displays the top 10 most populous countries for 2020, sourced from United Nations World Population Prospects 2019 data. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis and `scaleLinear` for the population values on the x-axis. The SVG rendering includes custom `AxisBottom` and `AxisLeft` components, with tick labels formatted using D3’s `format` to abbreviate millions as “B”. Each bar is a `rect` element with a native SVG `<title>` tooltip, styled with a teal fill and Poppins font.

AI-generated description

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

Data: United Nations World Population Prospects 2019.