Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity 6_Task 1

Public visualization

Viewing a saved revision (read-only)

a6bbc2b9fd1445228650b7ee23d1d8fc

activity 6_Task 1

0 stars0🌍 Public
SSree Yuktha Sunkara
Last edited Apr 13, 2024
Created on Apr 13, 2024
Forked from activity 6_Task 1

This visualization displays population data for 30 countries in 2020 as a horizontal bar chart, with country names on the y-axis and population values on the x-axis. The chart uses React to render SVG elements, with D3 v5 providing the scale functions (`scaleBand`, `scaleLinear`) and CSV data loading via `d3.csv`. Data is sourced from a GitHub-hosted CSV file, formatted with the `d3.format` function to abbreviate large numbers. The gradient bars are colored light green, and hovering reveals population values through native SVG tooltips.

AI-generated description