Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 7

Public visualization

Viewing a saved revision (read-only)

f2db440c9d4c4c5aafb1da64e3605a4e

Activity 7

0 stars0🌍 Public
NNukaShravanKumar
Last edited Jul 19, 2023
Created on Jul 19, 2023
Forked from Hello VizHub

This example shows a horizontal bar chart ranking the populations of 20 countries in 2020, with bars colored green and labeled with formatted tick values. The chart uses React to render SVG elements, with D3 v5’s `scaleBand` and `scaleLinear` for positioning, and `csv` from D3 to load the data from a GitHub-hosted CSV file. Axes are custom components, and hovering over a bar displays a tooltip via the SVG `<title>` element.

AI-generated description

A demonstration of how to start using D3 version 6.