Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6_Task 1

Public visualization

Viewing a saved revision (read-only)

24f6b0cb8df742fe826fd16bc547b11c

Activity 6_Task 1

0 stars1🌍 Public
Kkotagirivarshith2411@gmail.com
Last edited Apr 6, 2025
Created on Apr 6, 2025
Forked from Activity 6

This example shows the 2020 populations of 30 countries as a horizontal bar chart. The visualization uses SVG rendering through React, with D3 version 5 APIs including `scaleBand`, `scaleLinear`, and `max` to map values. A `csv` loader fetches data from a remote GitHub-hosted file. Bars are drawn as `<rect>` elements via the custom `Marks` component, with axes generated by `AxisBottom` and `AxisLeft`. Tick labels use the `format` function to abbreviate large numbers.

AI-generated description

A demonstration of how to start using D3 version 6.