🌍 Public
Axes with React & D3
This example shows a horizontal bar chart displaying the top ten countries by 2020 population from a UN dataset. The visualization uses React for component rendering and D3 v7 utilities for data loading and scales. Axes are manually constructed with SVG elements, using `scaleBand` for the categorical country labels and `scaleLinear` for the numeric population values. Data is fetched as CSV, parsed with D3's `csv` function, and rendered as SVG rectangles within a React component.
AI-generated descriptionA program that loads in some data about CSS named colors using D3 utilities and uses React to render the data.
MIT Licensed
Comments
Sign in to join the discussion.