Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity 6_Task 1

Public visualization

Viewing a saved revision (read-only)

d5e5d5af356b43a1b81b59fab0226cf9

activity 6_Task 1

0 stars0🌍 Public
Rrayavarapulokesh3@gmail.com
Last edited Oct 21, 2024
Created on Oct 20, 2024
Forked from Hello VizHub

This visualization displays a horizontal bar chart of the 2020 population for 30 countries, using a light-green fill for each bar. The chart is built with React and D3 v5, using `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. The SVG rendering includes a formatted tooltip on each bar, with tick labels formatted from grams to billions using `format('.2s')`. Data is loaded from a CSV file via the `csv` function, and axes are composed from custom components that generate tick marks and labels.

AI-generated description

A demonstration of how to start using D3 version 6.