🌍 Public
Axes with React & D3
This example shows a horizontal bar chart of the top ten most populous countries in 2020, using data loaded from a CSV file via `d3.csv`. React renders the SVG elements, while scales from D3 (`scaleBand`, `scaleLinear`) position the bars and axes. Manual axis construction uses `xScale.ticks()` and `yScale.domain()` to generate grid lines and tick labels, with country names and population values mapped to rectangular `rect` elements.
AI-generated descriptionA program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data
MIT Licensed
Comments
Sign in to join the discussion.