Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task1_Act6

Public visualization

Viewing a saved revision (read-only)

87aac1013a854d31870199d5500227a8

Task1_Act6

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

A horizontal bar chart displays the population of 30 countries in 2020, sorted by country name along the vertical axis. Population values are encoded as bar lengths using a linear scale, with green bars and blue tick lines against a white background. The chart is built with React and D3 v5, using `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Data is loaded as CSV via the `csv` function, with population values multiplied by 1000, and axis labels are formatted using `format('.2s')` to show values in billions.

AI-generated description

A demonstration of how to start using D3 version 6.