🌍 Public
Viewing a saved revision (read-only)
78b3be6f2e31404a931391aaf7a8ac7b
Axes with React & D3
This example demonstrates a bar chart with axes built using React and D3 v7. It loads UN population data from a CSV file using `d3.csv`, then renders an SVG with a linear x-axis and a banded y-axis. React hooks like `useState` and `useEffect` manage the asynchronous data loading and component state. The chart displays tick marks, rotated labels, and population values as rectangles, with all axes drawn manually using SVG line and text elements. Data is sliced to the top 10 countries and rendered with a fixed margin layout.
AI-generated descriptionA program that loads in some data using D3 utilities, and uses REACT state to keep track of the data.