Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

The Margin Convention

Public visualization

The Margin Convention

0 stars1🌍 Public
Wwindwaver
Last edited Mar 23, 2021
Created on Mar 23, 2021
Forked from Pathetic Bar Chart

This example shows a horizontal bar chart displaying the top ten countries by projected 2020 population, using UN population data loaded as CSV. The chart applies the margin convention, reserving space around the plot area through a margin object and translating the SVG group accordingly. React manages the component state and renders SVG rectangles, while D3 utilities handle data loading, scales, and layout. The visualization uses `scaleBand` for the y-axis and `scaleLinear` for the x-axis, with `csv` fetching the remote dataset.

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