🌍 Public
Viewing a saved revision (read-only)
38a884303be2402b8d593ae4de5acc3b
Axes with React & D3
This example displays a horizontal bar chart of the top 10 countries by population in 2020, sourced from a UN dataset. The visualization uses React to manage state and render SVG elements, while D3 v7 provides scales and tick generation for the axes. Custom axis components are built manually using `scaleBand`, `scaleLinear`, and `max` from D3, with tick lines and labels positioned via SVG transforms.
AI-generated descriptionA program that loads in some data about CSS named colors.