Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

b6fe603d7ba74619b156516f85a92528

Stylized Bar Chart

0 stars1🌍 Public
Rrmgoldberg24
Last edited Jan 24, 2023
Created on Jan 21, 2023

A horizontal bar chart displays the top ten countries by population in 2020, using data from the UN Population 2019 CSV. D3 v7 scales and axes are applied: `scaleBand` positions each country, while `scaleLinear` maps population values. React components render the SVG, with axes and marks built from `scaleLinear` ticks and `scaleBand` domains. The chart uses a custom "Poppins" font, teal bars, and a formatted tick label replacing "G" with "B" via `format('.2s')`.

AI-generated description

A program that loads in data using D3 and keeps it in React state as a radial burst!