Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity_6_TASK1_DV

Public visualization

Activity_6_TASK1_DV

0 stars1🌍 Public
HHema Tummapala
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Activity 7

A horizontal bar chart displays the populations of 30 countries for the year 2020, sorted by country name along the y-axis. The chart uses React with D3 v5 to render SVG elements, employing `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis. Population values are loaded from a remote CSV, formatted with D3's `format` function to abbreviate large numbers (e.g., billions as "B"), and bars are colored light green. The visualization includes labeled axes and a native SVG tooltip on each bar.

AI-generated description

A demonstration of how to start using D3 version 6.

Comments

Sign in to join the discussion.

MIT Licensed