🌍 Public
Viewing a saved revision (read-only)
f2db440c9d4c4c5aafb1da64e3605a4e
Activity 7
This example shows a horizontal bar chart ranking the populations of 20 countries in 2020, with bars colored green and labeled with formatted tick values. The chart uses React to render SVG elements, with D3 v5’s `scaleBand` and `scaleLinear` for positioning, and `csv` from D3 to load the data from a GitHub-hosted CSV file. Axes are custom components, and hovering over a bar displays a tooltip via the SVG `<title>` element.
AI-generated descriptionA demonstration of how to start using D3 version 6.