Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity-6_Task 1

Public visualization

Viewing a saved revision (read-only)

f30f1a401c9d4f529e0b7993a2d72d02

Activity-6_Task 1

0 stars1🌍 Public
Tthoutunikhitha@gmail.com
Last edited Apr 4, 2025
Created on Apr 4, 2025
Forked from Hello VizHub

This horizontal bar chart displays the 2020 populations of 30 countries, ordered from largest at the top to smallest at the bottom. Each bar’s length represents population in billions, with a labeled x-axis and country names on the y-axis. The visualization loads CSV data via d3.csv, scales it using d3.scaleBand and d3.scaleLinear, and renders SVG rectangles through React components. D3’s format function abbreviates large numbers, while the code also defines reusable AxisBottom, AxisLeft, and Marks components.

AI-generated description