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)

ae136c03e66b4f1580548b9e1c0fbe50

Fork of Axes with React & D3

0 stars0🌍 Public
Ssoo
Last edited Jul 29, 2022
Created on Jul 29, 2022

This example displays a bar chart of the top 10 most populous countries from the United Nations World Population Prospects 2019 dataset. It renders an SVG using React components that manage state via `useState` and `useEffect`. The chart uses `d3.csv` to load data and `scaleBand` and `scaleLinear` to position bars, while hand-coded D3 ticks generate axis lines and labels without using `d3.axis`.

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.