Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Activity7_Task1_2

Public visualization

Viewing a saved revision (read-only)

b2445cba874d4c8d820141be876d4028

Fork of Activity7_Task1_2

0 stars0🌍 Public
AArungopal Andalam
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Activity7_Task1

This visualization shows the 2010 population of 20 countries as a horizontal bar chart, with the data sorted by country name. The chart uses React components to render SVG elements, including custom `AxisBottom`, `AxisLeft`, and `Marks` components that call D3 scale functions like `scaleBand` and `scaleLinear`. Population values are loaded via `d3.csv` from a remote GitHub URL and formatted with `d3.format` to abbreviate large numbers (e.g., converting gigabytes to billions). The bars include a native SVG tooltip showing the formatted population value.

AI-generated description