Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tutorial_1_Sivani

Public visualization

Viewing a saved revision (read-only)

2ec7639311ad481c806450a6066d50ed

Tutorial_1_Sivani

0 stars1🌍 Public
Kkommineniamarasadasivani2002@gmail.com
Last edited Mar 31, 2025
Created on Mar 31, 2025
Forked from Hello VizHub

This example shows a horizontal bar chart of 2020 population estimates for 30 countries, with a green bar for each nation and blue tick lines along the bottom axis. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and `d3.format` to abbreviate large population values (e.g., “1.2B”). Data loads from a CSV via `d3.csv` and renders as SVG rectangles with tooltips on hover.

AI-generated description