Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Axes with React & D3

Public visualization

Viewing a saved revision (read-only)

8d9c630474e04d4d941b96362603796e

Fork of Axes with React & D3

0 stars0🌍 Public
Jjth500
Last edited Apr 23, 2023
Created on Apr 23, 2023

This example displays the top 10 most populous countries as a horizontal bar chart, using React to render SVG elements and D3 (v5) for scales and data loading. The `xScale` and `yScale` are created with `scaleLinear` and `scaleBand`, while custom `AxisBottom` and `AxisLeft` components generate tick marks and labels. Data comes from the United Nations World Population Prospects 2019 CSV, loaded via D3’s `csv` function, and is sliced to the first ten rows for display.

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.