Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Pathetic Bar Chart

Public visualization

Viewing a saved revision (read-only)

df32d8b0735e40fc90ce38098e8e6342

Fork of Pathetic Bar Chart

0 stars1🌍 Public
KKoundinya
Last edited Dec 26, 2021
Created on Dec 26, 2021
Forked from Pathetic Bar Chart

This example displays the top 10 most populous countries as a set of horizontal bars, with no axes or labels, using color intensity to encode population size. The visualization loads data from the United Nations World Population Prospects 2019 CSV file, filtering for countries with over 100,000 people. It uses React hooks (`useState`, `useEffect`, `useCallback`) to manage asynchronous data loading, and renders SVG rectangles via React. The chart employs `d3.csv` for parsing, `scaleBand` for vertical positioning, `scaleLinear` for bar widths, and `scaleSequential` with `interpolateOranges` for the color scale.

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.