Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Refactored Bar Chart

Public visualization

Viewing a saved revision (read-only)

c944067d4aa849068e4759577bdb013a

Refactored Bar Chart

0 stars1🌍 Public
Bbingsen0806
Last edited Jun 16, 2021
Created on Jun 16, 2021

This visualization uses a refactored React and D3 v5 approach to display the top 10 most populous countries as horizontal bars, with the United Nations World Population Prospects 2019 data loaded via the `d3.csv` API. It shows a clean, axis-labeled bar chart generated through modular components: `AxisBottom` and `AxisLeft` create tick marks and labels using `scaleLinear` and `scaleBand`, while `Marks` renders each rectangle bar based on population values. The SVG output is rendered directly by React, with axes and bars drawn using explicit coordinate transformations.

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.