Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

3e3122cf07de4e1bb8fa70745de21ddf

Stylized Bar Chart

0 stars0🌍 Public
Ttirumalaikumaar
Last edited Jan 3, 2020
Created on Jan 3, 2020
Forked from Stylized Bar Chart

This stylized bar chart displays the top 10 most populous countries using the United Nations World Population Prospects 2019 dataset. The visualization uses a horizontal bar layout with a clean, minimalist design, featuring a teal color scheme and Poppins font. The chart includes axes with formatted tick labels (converting values to billions) and a "Population" axis label. Built with React and D3 v5, the code uses `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis. The SVG rendering is composed of custom components (AxisBottom, AxisLeft, and Marks) that map data to rectangular bars, with interactive tooltips showing population values via the `format` API.

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.