🌍 Public
Viewing a saved revision (read-only)
02e536c15fa34d17b0f7a17fe4ae456e
activity 6_Task 1
This visualization shows the population of 30 countries in 2020 as horizontal bars, sorted from largest to smallest. The chart uses React with D3 v5's `scaleBand` and `scaleLinear` to position bars, while `AxisBottom` and `AxisLeft` render tick marks and labels. The data is loaded via `d3.csv` from a GitHub repository, with population values converted from strings to numbers. Hovering over a bar reveals its value through an SVG `<title>` element.
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.