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)

f9e27cc237004d4ab8cddc77b3604c9b

Fork of Axes with React & D3

0 stars0🌍 Public
Ddsibi
Last edited Dec 25, 2020
Created on Dec 25, 2020

This example displays a horizontal bar chart of the top 10 most populous countries, with population values from the United Nations World Population Prospects 2019. The visualization shows a basic bar chart with axes rendered using React and D3 v5. The code uses `d3.csv` for loading data, `d3.scaleBand` and `d3.scaleLinear` for positioning, and manually renders axis ticks and labels as SVG elements. React manages the chart's state and rendering, while D3 handles data loading and scaling.

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.