Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6

Public visualization

Viewing a saved revision (read-only)

5982af99ac5a4644b67d680789c3a0bd

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.