Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

The Margin Convention US

Public visualization

The Margin Convention US

0 stars1🌍 Public
Nnexus1058
Last edited Feb 14, 2021
Created on Feb 14, 2021
Forked from Making a bar chart

This visualization displays the top 12 most populous countries in 2020 using a horizontal bar chart, with each bar representing a country’s population. The bars are rendered as SVG rectangles within a React component, using D3’s `csv` loader to fetch and parse the data, then `scaleBand` and `scaleLinear` to map country names and population values to pixel positions. The chart’s layout includes explicit margins, and the data is sourced from a UN population CSV file hosted on GitHub.

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!

Comments

Sign in to join the discussion.

MIT Licensed