Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes a Bar Chart!

Public visualization

Viewing a saved revision (read-only)

e97d0769ad9148419d7ee9f0198f9951

Customizing Axes a Bar Chart!

0 stars1🌍 Public
Aalbanodossantos
Last edited Oct 29, 2019
Created on Oct 24, 2019

This bar chart displays the estimated 2015 total population of four transboundary river basins in Africa, sourced from an African Union dataset. The D3.js v5 code builds the visualization using `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisBottom` with a custom tick formatter that converts large numbers to billions. Grid lines extend across the chart via negative tick sizes, while the y-axis labels are simplified. The horizontal bars are rendered as SVG `rect` elements with a fixed blue fill.

AI-generated description

This bar chart shows population of the the four transboundary basin. The data comes from the year 2015 estimate in [Africa Union: Basin Population]