Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 7

Public visualization

Activity 7

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

A horizontal bar chart displays the populations of twenty countries in 2020, using D3.js scaleBand and scaleLinear to map country names and population values to SVG rectangles. The React-based visualization reads CSV data from a GitHub repository, formats axis tick labels using D3's format function to abbreviate large numbers, and includes interactive tooltips via SVG `<title>` elements. Axes are rendered with custom React components, with blue tick lines and green bars styled through CSS.

AI-generated description

A demonstration of how to start using D3 version 6.

Comments

Sign in to join the discussion.

MIT Licensed