Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Refactored Bar Chart

Public visualization

Viewing a saved revision (read-only)

ead5e53c9e9c4d309c01a71e8c33c529

Fork of Refactored Bar Chart

0 stars0🌍 Public
UUtsav Khatu
Last edited Mar 13, 2021
Created on Mar 13, 2021

This bar chart displays the top 10 most populous countries from the United Nations World Population Prospects 2019 dataset, using horizontal bars ranked by population. The visualization is built with React and D3.js v5, where the `d3.csv` loader fetches the data, `d3.scaleBand` positions country labels along the y-axis, and `d3.scaleLinear` maps population values to bar widths. Both axes are rendered as SVG elements through custom React components, with the left axis listing country names and the bottom axis showing population ticks. The chart updates reactively once the data loads, displaying all country names and population magnitudes without additional interactivity.

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.