Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

The Margin Convention

Public visualization

Viewing a saved revision (read-only)

12376edb9bc64f948f930dd8d182af2c

The Margin Convention

0 stars1🌍 Public
Iisavedalex
Last edited Jul 31, 2021
Created on Jul 25, 2021

This visualization displays the populations of the ten most populous countries in 2020 as horizontal bars, sorted by country name. It loads CSV data from a GitHub Gist using D3’s `csv` utility, then renders the chart with React as SVG elements. D3’s `scaleBand` and `scaleLinear` position and size the rectangles within a fixed margin-defined plotting area, emphasizing the chart’s interior space.

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!