Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

02a93d5730d243f7b6f9180f0ad80dae

Stylized Bar Chart

0 stars1🌍 Public
AAhmad Butt
Last edited Mar 5, 2021
Created on Mar 4, 2021

This stylized bar chart displays the top 10 most populous countries based on 2019 United Nations World Population Prospects data, with horizontal bars representing each nation’s population. The visualization uses React with D3 v5 libraries, employing `scaleBand` and `scaleLinear` for positioning axes and marks. SVG rectangles render the bars, with custom `AxisBottom` and `AxisLeft` components generating tick marks and labels. Population values are formatted using D3’s `format` function, converting numbers to abbreviated notation like “1.4B”.

AI-generated description

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

Data: United Nations World Population Prospects 2019.