Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart Fork 1

Public visualization

Viewing a saved revision (read-only)

434f45da78184f90884f7baea47d091d

Stylized Bar Chart Fork 1

0 stars0🌍 Public
Eeinsko
Last edited Oct 24, 2023
Created on Oct 24, 2023
Forked from Stylized Bar Chart

This example displays the top 10 most populous countries as horizontal bars, using a stylized bar chart with teal rectangles and a clean, minimal design. Data is loaded from the UN World Population Prospects 2019 CSV via `d3.csv` and sliced to the first 10 entries. The visualization uses React with d3 v5, leveraging `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the quantitative x-axis. Native SVG `<title>` elements provide tooltips, while axes are rendered as SVG groups with formatted tick labels using `d3.format`.

AI-generated description

A program that shows the top 10 most populous countries as a bar chart.

Data: United Nations World Population Prospects 2019.