🌍 Public
Viewing a saved revision (read-only)
eeacde9ea2e748458c9c12b0230064e9
Axes with React & D3
This bar chart displays the top 10 most populous countries from a UN population dataset, with horizontal bars showing population values in 2020. React renders the SVG elements, managing the loading state and data transformation, while D3 v7 handles the data fetching via `csv()` and generates the axes using `scaleBand` and `scaleLinear`. The code manually creates tick marks for both axes, drawing lines and text labels within the transformed coordinate system.
AI-generated descriptionA program that loads in some data using D3 uitilities, and uses React to render the data as a radial burst!