Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Question1.2

Public visualization

Viewing a saved revision (read-only)

306d26298a32465696435c8c95aab0d9

Activity6_Question1.2

0 stars0🌍 Public
Mmohanalaharic@gmail.com
Last edited Oct 31, 2025
Created on Oct 30, 2025
Forked from Hello VizHub

This example displays a horizontal bar chart of the top 20 countries by population in 2010, with countries categorized along the vertical axis and population scaled along the horizontal axis. The chart is built with React and D3 v5, using `scaleBand` for the categorical axis, `scaleLinear` for the numeric axis, and SVG `<rect>` elements as the primary visual marks. Interactive tooltips show the population value for each bar via SVG `<title>` elements. Data is loaded from a remote CSV file using D3's `csv` function, and labels are formatted using the `format` API.

AI-generated description

A demonstration of how to start using D3 version 6.