🌍 Public
Fork of Fork of Rendering Data With REACT
This visualization displays the top 10 countries by 2020 population as horizontal bars in an SVG. The code loads the data using D3’s `csv` utility, stores it in React state via `useState` and `useEffect`, and maps each country to a `rect` positioned with `scaleBand` and scaled by `scaleLinear`. The chart updates on load, showing population values from the UN_Population_2019 dataset. React renders the SVG elements, while D3 v7 handles the data processing and scales.
AI-generated descriptionA program that loads in some data using D3 utilities, and uses React state to keep track of the data.
MIT Licensed
Comments
Sign in to join the discussion.