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)

eed6154f9d994b928e1242e7335e1d7a

Fork of Stylized Bar Chart

0 stars0🌍 Public
Ggopuma
Last edited Sep 11, 2021
Created on Sep 7, 2021
Forked from Stylized Bar Chart

This stylized bar chart displays the ten most populous countries according to the UN’s 2019 World Population Prospects, using a horizontal layout with a reversed y-axis. Built with React and rendered as SVG, it uses `scaleBand` for the categorical country axis and `scaleLinear` for the population values, with bars styled in a teal color. The chart includes formatted tick labels (e.g., “1.4B”) via a custom `format` function, and hover tooltips show the precise population. The code is structured into separate components for axes and marks, demonstrating a modular React approach to D3 visualization.

AI-generated description

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

Data: United Nations World Population Prospects 2019.