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)

ee2753a53d0d4737b67f88593bfde9af

Fork of Axes with React & D3

0 stars0🌍 Public
EEdvard Ahlsén
Last edited Feb 17, 2022
Created on Feb 17, 2022

This visualization displays the top 10 most populous countries in 2020 as a bar chart, using the United Nations World Population Prospects 2019 dataset loaded via `d3.csv`. It renders as an SVG with React managing the component state, while D3 provides `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and manual tick generation from `xScale.ticks()`. The chart includes grid lines and axis labels, but no axes components are used, showing a minimalist approach to chart construction.

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.