Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Styled Bar Chart

Public visualization

Viewing a saved revision (read-only)

ad5171a0e06f4e6e9b8719ff60e76768

Fork of Styled Bar Chart

0 stars0🌍 Public
MMark Lam
Last edited Mar 30, 2022
Created on Mar 30, 2022
Forked from Styled Bar Chart

This fork of a styled bar chart visualizes the top 10 most populous countries in 2020, using data fetched from a GitHub-hosted UN Population CSV. The horizontal bars are rendered as SVG rectangles within a React component, with population values displayed on the x-axis using a custom tick formatter that converts units to billions. The chart leverages D3’s `scaleBand` and `scaleLinear` for layout, while tooltips show the exact population on hover. Styling is applied via CSS classes, including Inter font and distinct axis and mark colors.

AI-generated description

Axes with 3D