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
SSam
Last edited Apr 27, 2021
Created on Apr 27, 2021

This example displays a horizontal bar chart of the top 10 most populous countries, with labeled y-axis categories and a numerical x-axis scale. It uses React to manage the data state and render the SVG, while D3 v5 provides the `scaleBand`, `scaleLinear`, `max`, and `csv` loading functions. The axes and bars are constructed from D3 scales, with tick marks and labels positioned using SVG transforms. Population data comes from the United Nations World Population Prospects 2019 dataset, loaded via a CSV URL.

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