🌍 Public
Viewing a saved revision (read-only)
373c4afa696046d9bb9e2bbd992d0e5e
activity 6_Task 1
This chart displays the 2020 population estimates for 30 countries as a horizontal bar chart, sorted with the largest populations at the top. Each bar’s length encodes the population value, with a tooltip showing the formatted number on hover. The visualization uses React with D3’s `scaleBand` and `scaleLinear` to map data to SVG rectangles, while `AxisBottom` and `AxisLeft` render axes with custom tick formatting that converts billions and millions into readable labels. Population data is loaded asynchronously via `d3.csv`.
AI-generated descriptionAn example showing the capabilities of VizHub:
- Loads D3 via UNPKG.
- Demonstrates use of
importfrom"d3". - Demonstrates use of
importfrom local ES6 modules.