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)

ea4fb2c681184abe81f3f2df1db0dd16

Fork of Axes with React & D3

0 stars0🌍 Public
JJoachim Klug
Last edited Apr 19, 2021
Created on Apr 19, 2021

This example displays the top 10 most populous countries as horizontal bars with x-axis ticks and y-axis country labels. Built with React and D3, it loads United Nations population data for 2020 from a CSV file, then uses `scaleBand` and `scaleLinear` to position the bars and axis ticks. The SVG output is rendered through React's `ReactDOM.render`, with the chart dimensions and margins defined in the code.

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.