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)

8be71c78bf6e4300927c7344f1f205e7

Fork of Axes with React & D3

0 stars1🌍 Public
Eevers-codeshop-ai
Last edited Jun 20, 2021
Created on Jun 20, 2021

This visualization displays the top 10 most populous countries as a horizontal bar chart, using the United Nations World Population Prospects 2019 dataset. The React component manages state and lifecycle while D3’s `scaleBand` and `scaleLinear` handle positioning. Axes are manually constructed with D3’s `ticks()` method, rendering grid lines, tick labels, and country names as SVG elements. The chart includes minimal styling and no axis titles, presenting a raw, functional view of the data distribution.

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.