Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task1

Public visualization

Viewing a saved revision (read-only)

4c29ad7635c94446a8d4d41f3ee86cbe

Activity6_Task1

0 stars2🌍 Public
Ttejaswiteju9811@gmail.com
Last edited Oct 20, 2024
Created on Oct 18, 2024
Forked from Hello VizHub

This visualization displays the population of 30 countries in 2020 as a horizontal bar chart, with bars sorted by country name and lengths proportional to population. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and renders bars as SVG `<rect>` elements. The data is fetched from a CSV via `d3.csv`, with population values converted from thousands. Tooltips show the exact population values, and axis labels are formatted using `d3.format` with 'G' replaced by 'B' for billions.

AI-generated description

A demonstration of how to start using D3 version 6.