Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6_Task 1

Public visualization

Viewing a saved revision (read-only)

7c5122474bd4484daf3a682bc8a616af

Activity 6_Task 1

0 stars1🌍 Public
DDipesh
Last edited Apr 9, 2024
Created on Apr 9, 2024
Forked from Hello VizHub

A horizontal bar chart displays the 2020 populations of 30 countries, with each bar labeled by country name and the x-axis formatted in billions using D3's `format` function. The visualization is built with React components and D3 v5 scales, using `scaleBand` for the categorical y-axis and `scaleLinear` for the population values. SVG rectangles render the bars, and native `<title>` elements provide tooltips showing the formatted population figures. Data is loaded via `d3.csv` from a GitHub-hosted CSV file, with the population values multiplied by 1,000 during preprocessing.

AI-generated description

A demonstration of how to start using D3 version 6.