🌍 Public
Viewing a saved revision (read-only)
d37472a65a0f4c31a173c78e2aa4b06b
Activity-7
This visualization displays a horizontal bar chart ranking the top 30 countries by 2020 population, using a React component that renders SVG elements. The chart maps country names to the y-axis with a band scale and population values to the x-axis with a linear scale, formatting tick labels in billions using d3.format. Data is loaded asynchronously from a remote CSV via d3.csv, and the bars are drawn as rect elements with native SVG tooltips showing formatted population values. The example demonstrates integrating React with D3 v5 scales and axis components.
AI-generated descriptionA demonstration of how to start using D3 version 6.