🌍 Public
Dataviz 2020_Ep22 - 16. Axes (with React and D3) (BarChart Vertical Ver.)
MMinwoo Pak
Last edited Jul 14, 2021
Created on Jul 12, 2021
A vertical bar chart displays the top ten countries by 2020 population, sourced from a UN_Population_2019 CSV file. The React component uses `useState` and `useEffect` to load data via D3’s `csv`, then renders SVG rects for bars. Axes are drawn manually with D3 scales (`scaleBand`, `scaleLinear`) and tick marks, including rotated country labels. The visualization updates the chart to fit the window dimensions, with bars positioned using `xScale` and `yScale` and heights derived from population values.
AI-generated descriptionA program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data.
MIT Licensed
Comments
Sign in to join the discussion.