Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 7

Public visualization

Viewing a saved revision (read-only)

9ded456eca4c430190610fce2e60d6b5

Activity 7

0 stars2🌍 Public
Rrushithareddyy
Last edited Jun 28, 2023
Created on Jun 28, 2023
Forked from Hello VizHub

This horizontal bar chart displays the population of ten countries in 2010, using a D3.js `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis. The application, built with React, renders SVG `rect` elements scaled to population values, with D3's `format` function converting large numbers into abbreviated labels like “B” for billions. Data is loaded asynchronously via `d3.csv` from a remote GitHub repository, while custom `AxisBottom` and `AxisLeft` components generate the chart’s tick marks and labels.

AI-generated description

A demonstration of how to start using D3 version 6.