Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

task1_activity6

Public visualization

Viewing a saved revision (read-only)

7593bf22405e481185876e2fc90d366d

task1_activity6

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

This bar chart displays the 2020 population estimates for 30 countries, ordered vertically by country name with horizontal bars representing population values. Population data is loaded from a GitHub-hosted CSV file and formatted using D3's SI format to display values in billions. The visualization is built with React components, using D3 v5 scales (`scaleBand` and `scaleLinear`) to map data, while SVG rectangles with native `<title>` tooltips render the bars. Axes are generated manually through custom React components rather than D3 axis generators, with styling applied via CSS classes.

AI-generated description

A demonstration of how to start using D3 version 6.