Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

The Margin Convention

Public visualization

Viewing a saved revision (read-only)

87ea9840312a430ea9e7a1d9ca449d37

The Margin Convention

0 stars1🌍 Public
BBenoit Mouly
Last edited Jul 29, 2022
Created on Jul 29, 2022
Forked from Pathetic Bar Chart

The visualization displays the ten most populous countries as horizontal bars, lacking any axes, labels, or scales. The chart appears "pathetic" by design, emphasizing only the raw lengths of bars against a blank canvas. Data comes from a CSV file containing UN population figures for 2020. The code uses React with D3’s `scaleBand` and `scaleLinear` to map countries and population values, rendering SVG `<rect>` elements inside a translated group based on a fixed margin.

AI-generated description

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