Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Activity 6_task 1

Public visualization

Viewing a saved revision (read-only)

1b0b7b8b5390426d9f626ed5192713be

Fork of Activity 6_task 1

0 stars0🌍 Public
Ccharanshiva769@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Activity 6_task 1

This example shows a horizontal bar chart of 2010 population data for 20 countries, ranked from largest to smallest. The chart uses d3.scaleBand for the y-axis and d3.scaleLinear for the x-axis, rendering bars as SVG rectangles via React components (AxisBottom, AxisLeft, Marks). Population values are formatted using d3.format with a custom tick label conversion from G to B, and a native SVG `<title>` element provides tooltips. Data is loaded asynchronously from a remote CSV file using d3.csv.

AI-generated description

A demonstration of how to start using D3 version 6.