Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

UN Population Bar Chart v5

Public visualization

Viewing a saved revision (read-only)

6d27b5e687114b4fb3c902db12bae9f2

UN Population Bar Chart v5

0 stars1🌍 Public
JJohn Lewis
Last edited Nov 1, 2021
Created on Nov 1, 2021

This horizontal bar chart displays the 20 most populous countries in 2020, with bars extending left-to-right from a shared baseline. The visualization uses D3 v7’s scaleBand and scaleLinear to map country names to y-axis positions and population values to bar widths, rendered as SVG rectangles in React. The data is loaded from a remote CSV, with tick labels formatted using D3’s format function, converting values to billions. The chart includes styled axes and a population label, with hover tooltips provided by native SVG `<title>` elements.

AI-generated description

A program that uses data to render a radial burst visualization of all the named colors in CSS.