π Public
Margin Convention
Jjwesterlund412
Last edited Jan 8, 2022
Created on Jan 8, 2022
Forked from UN Population: Rendering Data with React & D3
This example demonstrates the margin convention in D3, rendering a horizontal bar chart of population data for the top 10 countries in 2020. The chart displays bars scaled by population using `d3.scaleLinear` and `d3.scaleBand`, with the SVG group translated to respect the defined margins. React manages the component state, loading the CSV data via `d3.csv` before rendering the SVG rectangles.
AI-generated descriptionA program that loads in some data about CSS named colors using D3 utitlities, and uses React state to render the data.
MIT Licensed
Comments
Sign in to join the discussion.