Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Refactored Bar Chart

Public visualization

Viewing a saved revision (read-only)

f80894041a8b4fb79b6b4bf4a394ee97

Fork of Refactored Bar Chart

1 star0🌍 Public
HHONGYI LI
Last edited Jan 25, 2021
Created on Jan 25, 2021

This example visualizes the top 10 most populous countries as horizontal bars ordered by population, with axes providing country names and population values. Built with React and D3’s scaleBand and scaleLinear, it renders an SVG chart using the d3-axis.v2 library for tick marks and labels. The data comes from the United Nations World Population Prospects 2019, loaded as CSV via d3.csv in useData.js. The chart includes both a left axis displaying country names and a bottom axis showing population units.

AI-generated description

A program that shows the top 10 most populous countries as a pathetic bar chart with no axes.

Data: United Nations World Population Prospects 2019.