Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

The Margin Convention

Public visualization

Viewing a saved revision (read-only)

5a1a4e471c0c40048d8f36b6e25a5195

The Margin Convention

0 stars0🌍 Public
XXingming Xu
Last edited Jan 10, 2022
Created on Jan 10, 2022
Forked from Pathetic Bar Chart

This example shows the top 10 most populous countries as a simple bar chart, with each country’s population represented by the width of a rectangle. The chart deliberately omits axes, ticks, and labels to highlight the importance of margins in visualization layout. Built with React and D3 v5, it uses `scaleBand`, `scaleLinear`, and `max` to map data to screen coordinates, while a fixed margin object reserves space around the SVG. Data comes from the United Nations World Population Prospects 2019, rendered entirely as SVG elements.

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.