Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Populations

Public visualization

Viewing a saved revision (read-only)

93dcad04c4984171a7a13a1716f8f50c

World Populations

0 stars1🌍 Public
EEd Hutchinson
Last edited Apr 22, 2023
Created on Apr 22, 2023

This example displays a horizontal bar chart of the world’s top 20 most populous countries, using population data from the UN’s 2019 estimates. React components render SVG bars, scales, and axes, with d3.scaleBand and d3.scaleLinear mapping country names and population values. The d3.csv utility loads the dataset, while d3.format converts numeric labels into abbreviated “B” for billions. The chart highlights each bar’s exact population on hover via a native SVG `<title>` tooltip, with axis ticks styled through CSS.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!