Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

58415e82e4254ab39cb474c5d24f661d

Stylized Bar Chart

0 stars1🌍 Public
SSong Tao Chen
Last edited Jan 1, 2022
Created on Jan 1, 2022

This stylized bar chart visualizes the top 10 countries by population in 2020, sourced from the UN Population 2019 dataset. Horizontal bars display population values, with a linear x-axis formatted to use "B" for billions and a categorical y-axis listing country names. The visualization is built with React, D3 v7 (using `scaleBand`, `scaleLinear`, and `format`), and rendered as SVG. It demonstrates proper margin handling, custom axis components (`AxisBottom`, `AxisLeft`), and a tooltip via `<title>` elements.

AI-generated description

This is to demostrate how to make axis with margins important

5:51:25