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)

0ffc55f25faa438aaa01148d9b1d7c0b

Fork of Axes with React & D3

0 stars1🌍 Public
NNart Williamson
Last edited Apr 27, 2021
Created on Apr 27, 2021

This example renders the top 10 most populous countries as horizontal bars using React for component structure and D3 for scales and data loading. It uses `scaleBand` and `scaleLinear` from D3 to map countries and population values to pixel positions, while manually drawing tick marks and labels for both axes. The data comes from the United Nations World Population Prospects 2019 CSV, and the SVG output demonstrates a minimal, self-contained approach to axis generation without D3 axis components.

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.