Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Tutorial_1_Sivani

Public visualization

Viewing a saved revision (read-only)

ffb01b8326bc461a9a3cee5d392cd11f

Fork of Tutorial_1_Sivani

0 stars0🌍 Public
Kkommineniamarasadasivani2002@gmail.com
Last edited Mar 31, 2025
Created on Mar 31, 2025
Forked from Tutorial_1_Sivani

This example shows a horizontal bar chart of 2010 population estimates for select countries, with green bars sorted by country name and labeled axes. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` to position bars, `csv` to load data from a GitHub-hosted CSV file, and SVG `rect` elements to render marks. The code defines reusable Axis and Marks components, formats tick labels with `format`, and includes a tooltip title on each bar showing the population value.

AI-generated description

A demonstration of how to start using D3 version 6.