Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Responsive Bar Chart

Public visualization

Viewing a saved revision (read-only)

e26094d35b994c039eaa2a7659cbc4e2

Fork of Responsive Bar Chart

0 stars0🌍 Public
Vvamsikrishnakanchukommala@my.unt.edu
Last edited Apr 11, 2024
Created on Apr 11, 2024

This example presents a responsive bar chart that visualizes population estimates for the top 10 countries by total population, using data from the UN Population Estimates 2024 dataset. The chart displays the population values in thousands for each country, with bars rendered on a canvas that includes a light gray inner rectangle and labeled axes. The implementation leverages D3.js APIs including `scaleBand`, `scaleLinear`, and `axisLeft`, along with the `@curran/responsive-axes` library to handle dynamic resizing. The code also utilizes `observeResize` from `@curran/responsive-axes` to adapt the chart dimensions to its container.

AI-generated description

A responsive bar chart.