Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

77e34837ac274d8fb05500a2dd63006c

Stylized Bar Chart

0 stars0🌍 Public
Iinroadings
Last edited Mar 16, 2020
Created on Mar 16, 2020
Forked from Stylized Bar Chart

This stylized bar chart visualizes the top 10 most populous countries using United Nations World Population Prospects 2019 data. Horizontal bars represent population values, with axes rendered via custom React components that map scales from d3.scaleBand and d3.scaleLinear. The visualization uses React hooks (useState, useEffect) to fetch CSV data with d3.csv, formats population using d3.format, and renders SVG rect elements with tooltips containing formatted values. A custom Poppins font and teal color scheme give the chart its distinctive styling.

AI-generated description

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

Data: United Nations World Population Prospects 2019.