Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task1_Qus1

Public visualization

Viewing a saved revision (read-only)

7ea883c1cd204fb8bdb15eeac731321b

Activity6_Task1_Qus1

0 stars0🌍 Public
Aamarnadhkari98@gmail.com
Last edited Oct 25, 2024
Created on Oct 25, 2024
Forked from Activity6_Task1

This example displays a horizontal bar chart comparing the populations of ten countries in 2010. Using React with D3 v5, it loads CSV data from GitHub and renders SVG bar marks via the `Marks` component. The `scaleBand` and `scaleLinear` functions map country names and population values, while `AxisBottom` and `AxisLeft` generate the axes. The chart formats population tick labels using `format('.2s')` to replace G with B. A loading state shows "Loading..." until the CSV is fetched and processed.

AI-generated description

A demonstration of how to start using D3 version 6.