🌍 Public
Fork of Loading Data with React & D3
This example displays a horizontal bar chart of the ten most populous countries for the year 2000, using data fetched from a remote CSV file hosted on GitHub. React's `useState` and `useEffect` hooks manage the asynchronous data loading, showing a "Loading" message until the data arrives. The bars render as SVG `<rect>` elements, with positions and lengths scaled using D3's `scaleBand` and `scaleLinear` functions from `d3`. The visualization demonstrates the integration of React for state management and D3 for data-driven scaling.
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.