Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Responsive Bar Chart

Public visualization

Viewing a saved revision (read-only)

d1e47e854bb54c18a63786ce643cbd4a

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 bar chart showing the top 10 most populous countries on Earth as of January 1st 2024.

Challenge

  • Fork this viz and modify it to show your own data