Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

7ffb9e50797c4b46a2f7a3a635234e3f

Stylized Bar Chart

0 stars0🌍 Public
DDaniel Russell-Brain
Last edited Oct 27, 2020
Created on Oct 27, 2020
Forked from Stylized Bar Chart

This stylized bar chart displays the ten most populous countries using a clean, horizontal bar layout with a custom Poppins font and teal-colored bars. It reads population data from the United Nations World Population Prospects 2019 dataset via d3.csv, then uses d3.scaleBand and d3.scaleLinear to position bars and axes. The visualization is built as a React component, rendering SVG elements through React, with custom axis components and tooltips provided by SVG `<title>` elements. The x-axis uses `d3.format` to abbreviate large population values in billions.

AI-generated description

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

Data: United Nations World Population Prospects 2019.