Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

The Margin Convention

Public visualization

Viewing a saved revision (read-only)

e309f6866e7941b394c5571cefc359e5

The Margin Convention

0 stars1🌍 Public
EEFezerKW
Last edited Sep 28, 2021
Created on Sep 28, 2021
Forked from Pathetic Bar Chart

This example shows a horizontal bar chart of the top 10 most populous countries in 2020, with each bar’s length proportional to the country’s population. The visualization is built using React and D3’s `scaleBand` and `scaleLinear` to map country names to y-coordinates and population counts to bar widths, respectively. Data is loaded asynchronously from a CSV via D3’s `csv` utility, and bars are rendered as SVG `rect` elements within a margin-adjusted coordinate system.

AI-generated description

A program that loads in some data using D3 uitilities, and uses React to render the data as a radial burst!