Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task8_Q1

Public visualization

Viewing a saved revision (read-only)

4e22d6df5c9a4af396eb5c24aaf32e43

Task8_Q1

0 stars0🌍 Public
Sshraehithareddy@gmail.com
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Q2

This example shows a bar chart of 2020 population estimates for 30 countries, using horizontal bars sorted by country name on the y-axis and population magnitude on the x-axis. The visualization is built in React with D3 v5’s `scaleBand` and `scaleLinear` for positioning, while SVG `<rect>` elements render the bars. Data loads from a remote CSV via `d3.csv`, with population values converted from thousands. Axis components generate tick marks and labels, and tooltips appear on hover via SVG `<title>` elements.

AI-generated description

A demonstration of how to start using D3 version 6.