Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pathetic Bar Chart

Public visualization

Viewing a saved revision (read-only)

c7d009e8b68040fa8a74ba4ba55f899d

Pathetic Bar Chart

0 stars1🌍 Public
BbeauMarko
Last edited Jan 27, 2021
Created on Jan 27, 2021

This example displays a horizontal bar chart of the top 10 countries by 2020 UN population estimates. Using React with hooks, it loads CSV data via `d3.csv` and renders SVG rectangles scaled by `d3.scaleLinear` and positioned with `d3.scaleBand`. The chart updates from an initial "Loading..." state once data arrives.

AI-generated description

A program that loads in saome data using d3 utilities and uses React to keep track of the data.