Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 7

Public visualization

Viewing a saved revision (read-only)

faaa1a17d51d42a99061b30be26cdc1f

Activity 7

0 stars1🌍 Public
MManideeprenikindi
Last edited Jul 11, 2023
Created on Jul 11, 2023
Forked from Hello VizHub

This interactive bar chart displays the population of 20 countries in 2020, sorted alphabetically along the vertical axis with population values on the horizontal axis. The visualization uses React components to render SVG elements, with D3 v5 functions like `scaleBand`, `scaleLinear`, and `format` handling the scales and number formatting. Data is loaded asynchronously from a CSV file hosted on GitHub, and hovering over a bar reveals a tooltip with the formatted population value. The chart includes labeled axes with blue tick marks and styled green bars.

AI-generated description

A demonstration of how to start using D3 version 6.