Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Stylized Bar Chart

Public visualization

Fork of Stylized Bar Chart

0 stars0🌍 Public
Ssimontoblad
Last edited Jan 30, 2022
Created on Jan 30, 2022
Forked from Stylized Bar Chart

This example visualizes the top 10 most populous countries in 2020 using a horizontal bar chart, based on UN World Population Prospects data. React renders the SVG, while d3’s `scaleBand` and `scaleLinear` position bars and axes, with d3’s `format` converting population values into abbreviated labels like “1.4B.” The chart loads CSV data via `d3.csv` and includes hover tooltips through SVG `<title>` elements. A Poppins font and orange bar styling give the chart its distinctive appearance.

AI-generated description

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

Data: United Nations World Population Prospects 2019.

Comments

Sign in to join the discussion.

MIT Licensed