Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

5e1d6921855a46b5ba5a8a88f458ab8c

Stylized Bar Chart

0 stars0🌍 Public
NNita
Last edited Oct 29, 2020
Created on Oct 27, 2020
Forked from Stylized Bar Chart

This stylized bar chart displays the top 10 most populous countries, based on United Nations World Population Prospects 2019 data, with horizontal bars sorted by country name. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis, `scaleLinear` for the population x-axis, and a custom `Marks` component to render SVG rectangles. The chart includes formatted tick labels (e.g., "1.40B") and a native SVG tooltip showing each bar’s exact value, all styled with the 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.