🌍 Public
Viewing a saved revision (read-only)
b42c9b5eeeed43d4a8914e9d114ae3e4
Activity 6
A horizontal bar chart displays 2020 population estimates for 30 countries, sorted by country name, using green bars on an SVG canvas. The React-based visualization loads data from a remote CSV via `d3.csv` and maps population values with `d3.scaleLinear` and `d3.scaleBand` for positioning. Axes are custom components rendering tick marks and formatted labels, with population ticks abbreviated using `d3.format` (converting G to B). Tooltips appear on hover via native SVG `<title>` elements. The chart includes axis labels and a responsive margin-based layout.
AI-generated descriptionA demonstration of how to start using D3 version 6.