Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task1_Activity6

Public visualization

Viewing a saved revision (read-only)

2b2d110fae0a4e0680343ed5f8b9d847

Task1_Activity6

0 stars1🌍 Public
Ssanjanadadi19@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This visualization displays populations of ten countries in the year 2000 as a horizontal bar chart rendered with SVG in React. It uses D3’s scaleBand for the categorical y-axis, scaleLinear for the quantitative x-axis, and format for truncated tick labels (e.g., 'B' for billions). Data is loaded via d3.csv from a GitHub-hosted CSV file, with population values multiplied by 1,000. Tooltips show formatted population values via SVG <title> elements, and axis ticks are styled with blue lines and gray text.

AI-generated description

A demonstration of how to start using D3 version 6.