Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

The Margin Convention

Public visualization

Viewing a saved revision (read-only)

7b4dd124ad764faa8c26707c07397e70

The Margin Convention

0 stars1🌍 Public
TTakashi-KK
Last edited Sep 11, 2022
Created on Sep 11, 2022
Forked from Pathetic Bar Chart

This example shows a horizontal bar chart ranking the ten most populous countries in 2021, using data loaded from a CSV file. The visualization applies the margin convention to position the chart within an SVG canvas, with a band scale for country categories and a linear scale for population values. React manages the component state and renders the rectangles, while D3’s `csv` utility fetches and parses the data. The chart displays population sizes proportionally, with country names on the y-axis.

AI-generated description

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