Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

UN population graph

Public visualization

Viewing a saved revision (read-only)

9e75036567094e779063358d4f520d46

UN population graph

0 stars1🌍 Public
JJulia Hack
Last edited Jan 16, 2022
Created on Dec 13, 2021

This visualization displays the top 10 most populous countries using horizontal bars, ordered by country name with population shown on the x-axis in billions. The chart is built with React and D3 v5, using `scaleBand` for the categorical y-axis and `scaleLinear` with a maximum domain for the numeric x-axis. Data comes from the UN Population 2019 CSV, loaded via `d3.csv`, and rendered as SVG. Axis components and tick marks are generated from `d3.ticks`, formatted with `d3.format`, with tooltips showing exact values via SVG `<title>` elements.

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!