Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6

Public visualization

Viewing a saved revision (read-only)

60cba823aa704e69b3d3222d78bef9a2

Activity 6

0 stars0🌍 Public
Jjasthilavanya2022@gmail.com
Last edited Apr 14, 2024
Created on Apr 14, 2024

This visualization displays the population of 30 countries in 2020 using horizontal bar charts rendered as SVG rectangles. The bars are sorted by country name along the y-axis, with x-axis lengths scaled proportionally to population values, formatted in billions. Built with React and D3 v5, the implementation uses `scaleBand` for the categorical y-axis, `scaleLinear` for the quantitative x-axis, and `csv` to load data from a GitHub-hosted dataset. Tooltips show formatted population values via SVG `<title>` elements.

AI-generated description

A demonstration of how to start using D3 version 6.