Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

2) Bar Chart - Adding Axis

Public visualization

Viewing a saved revision (read-only)

6e50ae88da6e473d9ed57d07f0c8b947

2) Bar Chart - Adding Axis

0 stars1🌍 Public
Bbrunoevione
Last edited Apr 2, 2021
Created on Apr 2, 2021
Forked from Hello VizHub

This example displays the top 10 most populous countries as a horizontal bar chart with labeled axes. The chart uses React to manage state and render SVG elements, while D3 v5 provides data loading via `csv`, scales with `scaleBand` and `scaleLinear`, and generates axis ticks. D3’s `max` determines the x-axis domain from the United Nations World Population Prospects 2019 data, and margin conventions position the SVG groups for tick marks and labels.

AI-generated description

A program that shows the top 10 most populous countries as a pathetic bar chart with no axes.

Data: United Nations World Population Prospects 2019.