🌍 Public
Viewing a saved revision (read-only)
ef69f1d0e47348668837d0537ce26ccf
Activity6_Task1
This example displays a horizontal bar chart of the top 30 countries by 2020 population, with bars colored light green and ranged along a linear population scale. The React-based visualization uses D3 v5 utilities including `scaleBand`, `scaleLinear`, `max`, and `format`, importing CSV data from a GitHub repository. Axis components render tick lines and labels through custom JSX, while SVG rectangles in the Marks component include native tooltips via `<title>` elements, with population values formatted in billions.
AI-generated descriptionA demonstration of how to start using D3 version 6.