Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task1_Act6 PArt 2

Public visualization

Viewing a saved revision (read-only)

4e292dba40144cb1b63e8cec4656c1d3

Task1_Act6 PArt 2

0 stars0🌍 Public
JJean
Last edited Oct 17, 2024
Created on Oct 17, 2024
Forked from Task1_Act6

A horizontal bar chart displays population figures for 20 countries, with bars extending from a shared left axis. The visualization uses React with D3 v5's `scaleBand` and `scaleLinear` to map country names and population values, while `csv` loads data from a GitHub-hosted CSV file. SVG rectangles render each bar, with axes generated via custom React components. Population values are formatted using D3's `format` function, converting numbers to abbreviated labels like "B" for billions.

AI-generated description

A demonstration of how to start using D3 version 6.