🌍 Public
Viewing a saved revision (read-only)
7d9ad59d87ff47f5bd0f78bbc70a7727
Axes with React & D3
This example shows a horizontal bar chart of the ten most populous countries in 2020, with country names on the y-axis and population values on the x-axis. The visualization uses React to render SVG elements and D3 utilities—`csv` for data loading, `scaleBand` and `scaleLinear` for axis scaling, and `max` for domain calculation. It draws grid lines, tick labels, and bars positioned via the scales. The data comes from a GitHub-hosted CSV file.
AI-generated descriptionA program that loads in some data about CSS named colors using D3 utilities and uses React to render the data.