Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Responsive Bar Chart

Public visualization

Viewing a saved revision (read-only)

2454c5d076b54b59a5e1d92663602233

Responsive Bar Chart

0 stars51🌍 Public
CCurran Kelleher
Last edited Oct 9, 2025
Created on Feb 12, 2024
Forked from Simple Bar Chart

This responsive bar chart displays the top 10 countries by population using data from the UN Population Estimates 2024. It adapts its width and height to the container size via the `observeResize` and `axes` APIs from `@curran/responsive-axes`. The visualization uses `d3.scaleBand` and `d3.scaleLinear` for positioning bars, with `d3.axisLeft` for the y-axis and dynamic SVG resizing in `d3.select().attr()`. Gray rectangles mark the inner plotting area, while bar heights encode population values in thousands.

AI-generated description

A responsive bar chart.