🌍 Public
task-1
A horizontal bar chart ranks the population in 2020 for 30 countries, with bars extending from a common left baseline. The visualization is built with React and D3 v5, using `scaleBand` for the categorical country axis and `scaleLinear` for the numeric population axis. `AxisBottom` and `AxisLeft` render tick marks and labels, while `Marks` draws SVG rectangles with tooltips. Data loads from a CSV via D3's `csv` function, with populations multiplied by 1000. The chart uses the Poppins font and custom CSS for styling.
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.