Skip to main content
100%

Fork of Axes with React & D3

✓ Published0🌍 Public
Bbillmccabeusa@hotmail.com
Last edited Nov 15, 2024
Created on Nov 15, 2024

This example uses React and D3 to render a bar chart of the top 10 most populous countries from the United Nations World Population Prospects 2019 dataset. It shows the population values as horizontal bars, with axes drawn manually using D3 scales and SVG elements. The code employs `d3.csv` for data loading, `scaleBand` for the y-axis, `scaleLinear` for the x-axis, and React hooks like `useState` and `useEffect` to manage data fetching. All visuals are rendered as SVG within a React component.

AI-generated description

A program that shows the top 10 most populous countries as a pathetic bar chart with no axes.

Data: United Nations World Population Prospects 2019.

MIT Licensed

Similar vizzes