Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

db80ae2fd57e4d03aeaa3f7fd1206c3e

Stylized Bar Chart

0 stars1🌍 Public
PPeter Maida
Last edited Sep 30, 2020
Created on Sep 30, 2020
Forked from Stylized Bar Chart

This stylized bar chart displays the top 10 most populous countries using United Nations World Population Prospects 2019 data. The visualization uses React with SVG rendering, employing d3.scaleBand for the categorical y-axis and d3.scaleLinear for the population x-axis. The d3.csv loader fetches and formats the data, while d3.format converts population values into abbreviated tick labels like "1.4B". Custom React components construct the axes and rectangular marks, with each bar featuring a native SVG tooltip showing the precise population figure.

AI-generated description

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

Data: United Nations World Population Prospects 2019.