Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

242fc2d5cac146f5bfe8c971b699afc7

Stylized Bar Chart

0 stars0🌍 Public
Llujinxuan-fang
Last edited Mar 8, 2020
Created on Mar 8, 2020
Forked from Stylized Bar Chart

This stylized bar chart visualizes the ten most populous countries using United Nations World Population Prospects 2019 data. The code employs React with D3 v5, utilizing `scaleBand` for the categorical y-axis and `scaleLinear` for the population x-axis, rendering bars as SVG rectangles. The chart includes custom axis components, a formatted tick label that converts gigabytes to billions via `format('.2s')`, and hover tooltips using SVG `<title>` elements. The visualization deliberately omits traditional axes labels on the y-axis, presenting a minimal aesthetic with Poppins typography.

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.