Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity 6_Task 1

Public visualization

Viewing a saved revision (read-only)

4f2a4673840649c78bdc427db0c7db37

activity 6_Task 1

0 stars0🌍 Public
YYeruva Snehith Reddy
Last edited Oct 19, 2024
Created on Oct 19, 2024
Forked from Hello VizHub

This bar chart displays the 2020 population of 30 countries, ranked vertically with horizontal bars extending to represent population size. Built with React and D3 v5, the visualization uses `d3.scaleBand` for the categorical country axis and `d3.scaleLinear` for the numeric population axis, with a zero baseline. The data is loaded from a CSV file and formatted using `d3.format` to abbreviate large numbers. SVG rectangles render the bars, with tooltips showing exact population values on hover.

AI-generated description

A demonstration of how to start using D3 version 6.