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)

0d9191481fff44668008e6855ad3bed1

Fork of Axes with React & D3

0 stars0🌍 Public
NNick Pearson
Last edited May 21, 2021
Created on May 21, 2021

This chart displays the top 10 most populous countries as horizontal bars using React and D3 v5, with the data sourced from the UN World Population Prospects 2019. The view is a "pathetic bar chart" that intentionally omits axes, rendering the bars as SVG `<rect>` elements. React’s `useState` and `useEffect` manage the asynchronous CSV loading, while D3’s `scaleBand` and `scaleLinear` map country names and population values to coordinates. The `AxisBottom` and `AxisLeft` components generate tick marks, but the chart does not display them.

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.