Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6 Task_1

Public visualization

Viewing a saved revision (read-only)

bb6d98ebef2841f3b306e08858d67d66

Activity6 Task_1

0 stars1🌍 Public
Bbhavya.kanyadara@gmail.com
Last edited Apr 3, 2025
Created on Apr 3, 2025
Forked from Hello VizHub

This horizontal bar chart displays the population of 20 countries in the year 2000, ranked from largest at the top to smallest at the bottom. The visualization uses D3.js v7 with an SVG rendering approach, employing `d3.scaleBand` for the categorical country axis and `d3.scaleLinear` for the population values. The code builds the chart modularly through separate components: `Marks.js` draws light green rectangles, while `AxisBottom.js` and `AxisLeft.js` generate the axes with custom tick formatting that converts millions to "B" notation. Data is loaded asynchronously from a GitHub-hosted CSV file using `d3.csv`.

AI-generated description