🌍 Public
Viewing a saved revision (read-only)
0427df56e69e4405bc08b6ffddea0603
activity6_task1
This interactive visualization presents a horizontal bar chart ranking the top 10 countries by population in the year 2000. Built with React and D3 v5, the chart uses SVG rectangles with scales created via `scaleBand` and `scaleLinear`, and displays axis ticks generated by custom components. Population values are formatted with D3’s `format` function, converting large numbers to abbreviated labels like “B” for billions. The data is loaded asynchronously from a CSV file using D3’s `csv` parser, and tooltips show the formatted population value on hover.
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.