Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Hello VizHub

Public visualization

Viewing a saved revision (read-only)

3b990833ae614c0ea5aef1c7e378981f

Fork of Hello VizHub

0 stars0🌍 Public
Llikhithakarunakarreddym@gmail.com
Last edited Oct 20, 2024
Created on Oct 20, 2024
Forked from Hello VizHub

This visualization displays the population of 20 countries in 2010 as a horizontal bar chart. Using React and D3 version 5, the code fetches CSV data and processes it with `d3.csv`, then renders SVG rectangles with scales from `d3.scaleBand` and `d3.scaleLinear`. Custom AxisBottom and AxisLeft components generate tick marks and labels, while `d3.format` abbreviates population values. The chart loads data from a GitHub-hosted CSV file, with bars colored yellow and blue tick lines.

AI-generated description

A demonstration of how to start using D3 version 6.