🌍 Public
Task 1 question 1
This example displays a horizontal bar chart of the population for ten countries in the year 2000, sourced from a CSV file. The chart uses `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the quantitative x-axis. React components render SVG `<rect>` marks and axes, with D3’s `format('.2s')` converting large numbers into abbreviated labels like “1.2B”. Loading is handled by `useData` with `d3.csv`, and tooltips appear via SVG `<title>` elements.
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.