Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Modelling

Public visualization

Viewing a saved revision (read-only)

204cdb11178d48c080e24fc82bb5435a

Modelling

0 stars0🌍 Public
Ttomideadeoye
Last edited Jan 3, 2022
Created on Jan 3, 2022

This example models population trends by displaying the top 10 most populous countries as horizontal bars, ordered by rank. Using React for component state and D3 v5 for scales and SVG rendering, it loads United Nations World Population Prospects 2019 data via `d3.csv`. The code explicitly renders x-axis ticks with `scaleLinear.ticks()` and grid lines, while `scaleBand` positions each country’s bar, showing population values without a title or y-axis labels.

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.