Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

assi

Public visualization

Viewing a saved revision (read-only)

4e997308087c4e8782e88cec30cc08bc

assi

0 stars0🌍 Public
Vvaishnavi6gan@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Activity7question1

This example shows a horizontal bar chart that ranks ten countries by their population in the year 2000, using a green fill and tooltips that format values with a "B" suffix. The React-based visualization relies on D3’s `scaleBand` and `scaleLinear` for axes, and builds the SVG from `<rect>` marks, with custom `AxisBottom` and `AxisLeft` components rendering tick lines and labels. Population data is loaded via `d3.csv` from a GitHub-hosted dataset. Blue gridlines and Poppins typography style the chart, which is rendered entirely as SVG.

AI-generated description

A demonstration of how to start using D3 version 6.