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)

c1a2bca463904a6fa63058f3b922a625

Fork of Stylized Bar Chart

0 stars0🌍 Public
PPijush Barman
Last edited Mar 9, 2021
Created on Mar 9, 2021
Forked from Stylized Bar Chart

This example displays the top 10 most populous countries as horizontal bars, using population data from the United Nations World Population Prospects 2019. The chart loads data via d3.csv and maps it with scaleBand and scaleLinear, rendering SVG rectangles for each bar. React components structure the visualization, while d3.format converts tick labels from billions to a compact "B" suffix. A native SVG <title> element provides hover tooltips showing the exact population value.

AI-generated description

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

Data: United Nations World Population Prospects 2019.