Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 7

Public visualization

Viewing a saved revision (read-only)

9396b6e119d649b9b5110a99117fea17

Activity 7

0 stars0🌍 Public
JJayanthKumarkoni
Last edited Jul 22, 2023
Created on Jul 22, 2023
Forked from Hello VizHub

This example displays a horizontal bar chart comparing the 2020 populations of 20 countries, using data loaded from a CSV file. The visualization is built with React and D3 v5, rendering as an SVG. It uses `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis, with bars colored light green. Mouse-over tooltips, generated via a `<title>` element, reveal the population values in a formatted, abbreviated style (e.g., using "B" for billions).

AI-generated description

A demonstration of how to start using D3 version 6.