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)

1b91020cd3814da397069795b76c3bea

Fork of Axes with React & D3

0 stars0🌍 Public
EElina Oikonomaki
Last edited Feb 11, 2025
Created on Feb 11, 2025

This example displays the top 10 most populous countries as a horizontal bar chart, with country names on the y-axis and population totals on the x-axis. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` to position bars and ticks, while manually rendering grid lines and axis labels via SVG elements. The data comes from the United Nations World Population Prospects 2019 CSV. The chart includes unlabeled tick marks and text labels for each category, without using D3’s axis components directly.

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.