Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

The Margin Convention

Public visualization

Viewing a saved revision (read-only)

defdff3267dc4f7aae8b8c7961d7489e

The Margin Convention

0 stars1🌍 Public
Jjordancampbell23
Last edited Dec 11, 2021
Created on Dec 10, 2021

A bar chart displays the ten most populous countries for 2020, using horizontal bars to compare their population values. The visualization loads CSV data from a GitHub repository and renders it as SVG rectangles. React manages the application state and renders the chart, while D3 utilities handle data loading, scaling, and layout computation. The code explicitly defines margins for the chart area and uses D3’s linear scale for the population axis and band scale for country labels.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!