Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rendering (barchart) data with react and d3

Public visualization

Rendering (barchart) data with react and d3

0 stars1🌍 Public
AAmine HAMOU
Last edited Aug 17, 2021
Created on Aug 17, 2021

A bar chart displays United Nations population estimates for 2020 across ten countries, using horizontal bars scaled by population size. The visualization loads CSV data via `d3.csv` and manages the asynchronous result with React’s `useState` and `useEffect` hooks. React renders SVG rectangles, while `d3.scaleBand` and `d3.scaleLinear` compute bar positions and widths. The data pipeline converts the population string to a number and filters to the top ten entries before rendering.

AI-generated description

A program that loads in some data aboutt css named colors using d3 utilities, and uses React state to render the data

Comments

Sign in to join the discussion.

MIT Licensed