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)

077fc2b712d04e84b859450cc496f379

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.