Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

The Margin Convention

Public visualization

The Margin Convention

0 stars1🌍 Public
SShuyu Zheng
Last edited Dec 25, 2020
Created on Dec 25, 2020

The visualization presents a horizontal bar chart of the top ten countries by 2020 population, using a log-scale-like linear x-axis. Built with React and rendered as SVG, it uses D3’s `scaleBand` and `scaleLinear` to map country names and population values to coordinates. The chart, styled with a yellow circle and black stroke, displays data loaded asynchronously from a CSV via D3’s `csv` parser. The code explicitly defines margins for the plot area, though the visual output does not show them.

AI-generated description

A program that render data about CSS named colors using uses React.

Comments

Sign in to join the discussion.

MIT Licensed