🌍 Public
Fork of Fork of Rendering data with react
This example renders a horizontal bar chart of the top 10 countries by 2020 population, loading data from a CSV file of UN population estimates. The visualization uses React with the `useState` and `useEffect` hooks to fetch and store the data via `d3.csv`, then maps over the dataset to generate SVG `<rect>` elements. Position and size are determined by `d3.scaleBand` for the categorical country axis and `d3.scaleLinear` for the population values, while `d3.max` computes the domain for the linear scale.
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.