Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Activity-6 Question-1

Public visualization

Viewing a saved revision (read-only)

0b8fd29dcc524a27892a5242169f40ec

Fork of Activity-6 Question-1

0 stars0🌍 Public
Ssannihitha.k23@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Activity-6

This fork of Activity-6 Question-1 displays a horizontal bar chart of country populations in 2020, sorted by country name. It uses React with D3 v5’s `scaleBand` and `scaleLinear` to position the bars, and computes the x-axis maximum from the data. The SVG rendering includes custom Axis components, a green fill for marks, and tooltips formatted with D3’s `format` function to abbreviate values (e.g., “1.2B”). Data is loaded from a remote CSV via D3’s `csv` method.

AI-generated description

A demonstration of how to start using D3 version 6.