Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 7

Public visualization

Activity 7

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

This example shows a horizontal bar chart ranking 20 countries by their 2020 population, with the data loaded from a CSV file and rendered as SVG. The React-based code uses D3 v5’s `scaleBand`, `scaleLinear`, `csv`, and `max` to map country names to rows and population values to bar widths, while custom `AxisBottom` and `AxisLeft` components generate ticks and labels. Bars are drawn as colored rectangles with tooltips showing formatted population values.

AI-generated description

A demonstration of how to start using D3 version 6.

Comments

Sign in to join the discussion.

MIT Licensed