Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Responsive Bar Chart

Public visualization

Viewing a saved revision (read-only)

7474ad94e6c1485fb8d9e6902831dc8c

Fork of Fork of Responsive Bar Chart

0 stars2🌍 Public
Jjosiahlikita96@gmail.com
Last edited Jul 14, 2024
Created on Jul 14, 2024

This responsive bar chart visualizes the top 10 countries by total population using data from the UN population estimates. The visualization uses d3.scaleBand and d3.scaleLinear to map countries and population values to bar positions and heights, with d3.axisLeft for the y-axis. It leverages @curran/responsive-axes and @curran/un-population-estimates-2024 to handle resizing and data loading. A gray inner rectangle highlights the plotting area, and bars are rendered as SVG rect elements. The chart adapts its dimensions through the observeResize function.

AI-generated description

A responsive bar chart.