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
RRoberto
Last edited Aug 17, 2023
Created on Aug 17, 2023

This example displays the ten most populous countries as a horizontal bar chart, with bars sized by each country’s projected 2020 population. The visualization uses React for component rendering and SVG for graphical output, while D3’s `scaleBand` and `scaleLinear` position the bars and d3’s `csv` loads the United Nations World Population Prospects 2019 data. Axes are drawn manually using D3’s tick and scale methods, mapping population values to pixel widths and country names to vertical bands.

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