Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of activity6_Task1Question2

Public visualization

Viewing a saved revision (read-only)

3d4d17812e844c03a46cdcaf618526fe

Fork of activity6_Task1Question2

0 stars1🌍 Public
Rramyaraomadhavareddy@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from activity6_Task1

This example shows a horizontal bar chart comparing the 2010 population of 20 countries, with each bar labeled by country name and value. Population data is loaded from a GitHub-hosted CSV file via d3.csv, then converted from thousands to raw numbers. The chart is built with React components, using d3.scaleBand and d3.scaleLinear for positioning, SVG rectangles for marks, and d3.format to display tick labels with abbreviations like “1.2B.” Native SVG `<title>` elements provide tooltips on hover.

AI-generated description

A demonstration of how to start using D3 version 6.