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
RReymond Mesuga
Last edited Mar 16, 2021
Created on Mar 16, 2021

A horizontal bar chart displays the top 10 most populous countries from the United Nations World Population Prospects 2019 dataset. D3’s `scaleBand`, `scaleLinear`, and `max` are used to compute positions and widths, while React’s `useState` and `useEffect` manage asynchronous CSV loading. The chart renders SVG rect elements for bars and manually constructs axes using `xScale.ticks()` for tick values and SVG line/text elements, with margins shifting the plot via a `<g>` transform.

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