Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

The Margin Convention

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

d92f55ca45ad4f11b14c860b99ac65ef

Open

The Margin Convention

0 stars1🌍 Public
AAndre J Denais
Last edited Sep 11, 2020
Created on Sep 11, 2020

A bar chart displays the ten most populous countries in 2020 using UN population data loaded via `d3.csv`. React renders an SVG with `rect` elements sized by `d3.scaleLinear` and positioned with `d3.scaleBand`. The chart uses the margin convention to offset the visualization within the SVG. The page also imports a utility function that summarizes dataset size, though it is not currently displayed.

AI-generated description

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