Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Question1.2_Rashmitha

Public visualization

Viewing a saved revision (read-only)

d46a64767d05418080e742ada261b0e3

Activity6_Question1.2_Rashmitha

0 stars0🌍 Public
Rrashmithatanneru@gmail.com
Last edited Apr 3, 2024
Created on Apr 3, 2024

This bar chart displays the population of 20 countries in 2010, sorted along a horizontal axis against a categorical list of country names on the vertical axis. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, rendering SVG rectangles. Data is loaded as CSV from a GitHub repository, with population values formatted using D3’s `format('.2s')` to abbreviate large numbers. Hovering over each bar reveals its exact value via a native SVG `<title>` tooltip.

AI-generated description

A demonstration of how to start using D3 version 6.