Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity-6_question-1(2)

Public visualization

Viewing a saved revision (read-only)

21af7fb6618d4f208ecb30fa9d67c61c

Activity-6_question-1(2)

0 stars0🌍 Public
Ssiddhartha gurram
Last edited Apr 4, 2024
Created on Apr 4, 2024

This bar chart displays the 2010 population for 20 countries, sorted alphabetically by country name. The visualization uses a horizontal layout where bars extend to the right, with population values formatted using D3's `format('.2s')` to abbreviate large numbers. Built with React and D3 v5, the chart renders as an SVG with custom `AxisBottom`, `AxisLeft`, and `Marks` components. Data is loaded from a CSV file using D3's `csv` function, which parses population values and multiplies them by 1000. The chart includes a hover tooltip showing each bar's exact value.

AI-generated description

A demonstration of how to start using D3 version 6.