🌍 Public
Fork of Loading Data with React & D3
This example shows a horizontal bar chart of the top 10 most populous countries in 2020, based on UN population data loaded from a CSV file. The visualization uses React state to manage the asynchronous data loading, with the `useEffect` hook triggering a D3 `csv` request. The chart renders SVG rectangles whose widths are scaled by population using `scaleLinear`, while country names are positioned along the y-axis with `scaleBand`. The code demonstrates integrating D3 utilities for data fetching and scaling within a React component architecture.
AI-generated descriptionA program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.
MIT Licensed
Comments
Sign in to join the discussion.