🌍 Public
Activity6_Question1
A horizontal bar chart displays the populations of ten countries in 2000, sourced from a CSV file fetched with `d3.csv` via `useData`. The React app renders SVG bars using `d3.scaleBand` for the country categories and `d3.scaleLinear` for population values, with axes built through local `AxisBottom` and `AxisLeft` components. Values are formatted with `d3.format` to abbreviate large numbers, and hovering reveals a tooltip via a native 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.
MIT Licensed
Comments
Sign in to join the discussion.