Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Axes with React & D3

Public visualization

Viewing a saved revision (read-only)

047dab6ec2d14a5a90b9985f7982db8f

Fork of Axes with React & D3

0 stars0🌍 Public
Yynwc2006
Last edited Jan 12, 2022
Created on Jan 12, 2022

This example visualizes the top 10 most populous countries using a bar chart rendered with React and D3. It shows a horizontal bar chart with axes, displaying population data from the United Nations World Population Prospects 2019 dataset. The chart uses React hooks (useState, useEffect) to load and process CSV data, while D3's scaleBand and scaleLinear handle the y-axis country categories and x-axis population values. SVG elements, including rect bars, text labels, and grid lines, are generated through React components with manual axis construction rather than D3 axis generators.

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.