🌍 Public
Viewing a saved revision (read-only)
640b640a88154e4db54b5b88504eb9ab
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!