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)

1c3af9dfb5b0432f9980fc624ab76666

Fork of Stylized Bar Chart

0 stars0🌍 Public
Sstephanie0215
Last edited Sep 27, 2022
Created on Sep 27, 2022
Forked from Stylized Bar Chart

This example visualizes the top 10 most populous countries as a horizontal bar chart, ranking each nation by its population from United Nations World Population Prospects 2019 data. Using React with D3 v5, the chart employs `scaleBand` for the categorical country axis and `scaleLinear` for the population values, rendered as SVG rectangles. The code includes custom `AxisBottom` and `AxisLeft` components that generate ticks and labels, while a `Marks` component draws each bar with a tooltip using the native SVG `<title>` element. The axes and styling are customized through CSS classes and 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.