Skip to main content
100%

Fork of Responsive Bar Chart

✓ Published0🌍 Public
Cchilukuritagore1427@gmail.com
Last edited Mar 20, 2024
Created on Mar 20, 2024

This example shows the ten most populous countries in the world using a responsive horizontal bar chart, displaying each country’s total population in thousands. The visualization pulls data from the `@curran/un-population-estimates-2024` library, filters for country-level records, and sorts them in descending order. Using D3’s `scaleBand` and `scaleLinear`, the chart maps country names to categorical positions and population values to a linear scale. It relies on the `@curran/responsive-axes` library’s `observeResize` and `axes` functions to handle dynamic resizing, rendering bars as `rect` elements with a gray inner rectangle for a clean presentation.

AI-generated description

A responsive bar chart.

MIT Licensed

Similar vizzes