Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Axes with React & D3

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed