🌍 Public
activity 6_Task 1
This example displays a horizontal bar chart of population figures for 30 countries in 2020, with axes and tick labels rendered in SVG via React components. It loads data from a remote CSV using D3’s `csv` function, scales the bars with `scaleBand` and `scaleLinear`, and formats tick values with `format('.2s')`. The bars use D3’s `max` for domain calculation and include tooltips via SVG `title` elements. The chart is styled with green marks and blue axis lines.
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.