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)

1363c189f14f4fcb94a756905de7bde0

Fork of Refactored Bar Chart

0 stars0🌍 Public
SSpuddy2884
Last edited Sep 15, 2021
Created on Sep 15, 2021

This example displays a horizontal bar chart of the top 10 most populous countries using React and D3 v5. The bars are rendered as SVG rectangles, with the x-axis showing population values and the y-axis listing country names. Data comes from the United Nations World Population Prospects 2019 CSV, loaded via d3.csv. The chart uses d3.scaleBand for the categorical y-axis and d3.scaleLinear for the quantitative x-axis, with custom React components for the axes and marks.

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.