🌍 Public
Viewing a saved revision (read-only)
a242be5fe1ac4dc69dfedb9fd131500e
Task 8 Q1.2_VITESH CHALICHEEMALA
A horizontal bar chart displays the 2010 populations of 20 countries, ranked by name along the y-axis with population values extending along the x-axis. The visualization uses React components for structure and D3 v5 scales, including `scaleBand` for the categorical country axis and `scaleLinear` for the numeric population axis. Population data is loaded from a remote CSV file and rendered as SVG rectangles with native tooltips. The chart includes a formatted bottom axis that converts large numbers to abbreviated labels using D3's `format` function, with green bars and blue tick lines on a white background.
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.