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
SShengjie Yang
Last edited Aug 19, 2021
Created on Aug 19, 2021

This example displays a horizontal bar chart of the top 10 most populous countries, using data from the United Nations World Population Prospects 2019. The visualization renders as an SVG and combines React for component management with D3’s `scaleBand` and `scaleLinear` for axes and bars, while D3’s `csv` fetches the data. Axes are drawn manually with SVG elements, populating ticks and labels through D3’s scale methods, all within a React app that loads data asynchronously.

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