Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar chart

Public visualization

Viewing a saved revision (read-only)

f1e1cf918ea64ced96d937ecdafd405b

Bar chart

0 stars1🌍 Public
Ddanielscheeper@gmail.com
Last edited Jan 15, 2024
Created on Jan 15, 2024

This example displays the top 10 most populous countries for 2020 as a horizontal bar chart, using rectangular SVG elements scaled by population size. The data comes from a UN Population CSV file, loaded with `d3.csv`. React manages the component state and rendering, while D3 v7 provides `scaleBand` for country positions on the y-axis and `scaleLinear` for population on the x-axis, with `max` determining the domain.

AI-generated description

A program that loads some data