Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Act_6_Tut_1

Public visualization

Act_6_Tut_1

0 stars1🌍 Public
Ssairam.amaraneni22@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Activity 7

This chart displays the 2020 populations of 30 countries as a horizontal bar chart, with bars ordered alphabetically by country name. The visualization uses React to manage state and render SVG elements, while D3’s `scaleBand` and `scaleLinear` handle visual scaling. Population values are loaded via `d3.csv`, formatted with `d3.format`, and tooltips reveal exact figures on hover. The code demonstrates custom axis components, including left-side country labels and bottom population ticks with a G-to-B suffix conversion.

AI-generated description

A demonstration of how to start using D3 version 6.

Comments

Sign in to join the discussion.

MIT Licensed