Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task 9 question 1

Public visualization

Viewing a saved revision (read-only)

8130aa763d804bae9649e88029c0a16a

Task 9 question 1

0 stars1🌍 Public
SSreeKohaliPatel@my.unt.edu
Last edited Apr 25, 2024
Created on Apr 25, 2024

This example shows a horizontal bar chart of population data for ten countries in the year 2000, with bars colored light green and axis ticks highlighted in blue. The visualization uses React to render SVG elements, with D3 v5’s `scaleBand` and `scaleLinear` for positioning, and `csv` to load data from a GitHub-hosted CSV file. Custom React components (`AxisBottom`, `AxisLeft`, `Marks`) generate the axes and rectangular bars, while a `format('.2s')` tick formatter converts large population values into abbreviated labels like "B" for billions.

AI-generated description

A demonstration of how to start using D3 version 6.