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)

de8d2ef9faae45a7b1e064629328fc73

Fork of Axes with React & D3

0 stars0🌍 Public
Ssimrangajsinghani
Last edited Jun 24, 2023
Created on Jun 24, 2023

This example shows the top 10 most populous countries as a horizontal bar chart, with country names on the y-axis and population values on the x-axis. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and manually renders axis ticks with SVG `<line>` and `<text>` elements. Data comes from the United Nations World Population Prospects 2019 CSV, loaded asynchronously via `d3.csv`, and bars are drawn as `<rect>` elements inside an SVG container.

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.