🌍 Public
Viewing a saved revision (read-only)
3e7c2b6a3ba34f3c8e5799222e1b7930
Fork of Task 1
This chart displays the 2020 population of 30 countries as horizontal bars, scaled linearly by population and sorted by country name. The visualization uses React components with D3 scales (d3.scaleBand, d3.scaleLinear) to position and size SVG rectangles, while D3’s format function converts large numbers to billions (e.g., “B” suffix). Axes are custom React components drawing ticks and labels, with blue tick lines and light green bars. Population data is loaded as CSV from GitHub, processed in useData hook, and supports hover tooltips via SVG title elements.
AI-generated description