Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a Bar Chart with React & D3

Public visualization

Making a Bar Chart with React & D3

0 stars1🌍 Public
Nnicholasgonzalez1
Last edited Jun 22, 2021
Created on Jun 22, 2021

This example shows a horizontal bar chart displaying the top 10 countries by 2020 population, using React for component structure and D3 for scales. It renders SVG rectangles with widths proportional to population values, using `scaleBand` for the y-axis and `scaleLinear` for the x-axis. Data comes from a CSV file loaded via `d3.csv`, and React’s `useState` and `useEffect` manage the asynchronous data fetching. The visualization appears once data is loaded, otherwise showing a loading message.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed