🌍 Public
Viewing a saved revision (read-only)
8130aa763d804bae9649e88029c0a16a
Task 9 question 1
This example shows a horizontal bar chart of population data for ten countries in the year 2000, with bars colored light green and axis ticks highlighted in blue. The visualization uses React to render SVG elements, with D3 v5’s `scaleBand` and `scaleLinear` for positioning, and `csv` to load data from a GitHub-hosted CSV file. Custom React components (`AxisBottom`, `AxisLeft`, `Marks`) generate the axes and rectangular bars, while a `format('.2s')` tick formatter converts large population values into abbreviated labels like "B" for billions.
AI-generated descriptionA demonstration of how to start using D3 version 6.