Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

f7cf37d6a9664222b558828d56fef4b0

Stylized Bar Chart

0 stars0🌍 Public
NNandeep
Last edited Apr 23, 2020
Created on Apr 23, 2020
Forked from Stylized Bar Chart

This stylized bar chart displays the top 10 most populous countries using data from the United Nations World Population Prospects 2019. The visualization uses horizontal bars with a teal fill and Poppins font, with population values formatted as billions and tooltips showing exact numbers. Built with React and D3 v5, the chart employs `scaleBand` for the categorical y-axis and `scaleLinear` for the population x-axis, rendering SVG rectangles via custom `Marks` components. The axes are constructed using `AxisBottom` and `AxisLeft` components, with data loaded asynchronously via D3's `csv` 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.