Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylised Bar chart

Public visualization

Stylised Bar chart

0 stars5🌍 Public
MMark Simpson
Last edited Jan 28, 2026
Created on Oct 15, 2025

A stylized bar chart displays the populations of ten countries in 2020, sourced from the UN Population CSV file. Built with React and D3 v5, it renders as SVG, using `scaleBand` for the categorical Y-axis and `scaleLinear` for the numeric X-axis. The code defines custom `AxisBottom` and `AxisLeft` components, while each bar includes a native SVG `<title>` element for hover tooltips. The chart features a large Poppins font, teal bars, and a formatted axis label that abbreviates billions as “B”.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed