🌍 Public
Viewing a saved revision (read-only)
db4a0238395c4b09a6fabd86b1d33b47
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.