Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

KH customising axis barchart with D3.js

Public visualization

Viewing a saved revision (read-only)

0c60b1550d9e4823b38258fb629f8ad7

KH customising axis barchart with D3.js

0 stars1🌍 Public
KKyleHincz
Last edited Aug 27, 2021
Created on Aug 27, 2021

This bar chart displays the top 10 most populous countries, with population values read from a CSV file and rendered as horizontal bars. The visualization uses D3.js v7’s `scaleLinear` and `scaleBand` for positioning, `axisLeft` and `axisBottom` for custom axes, and a tick formatter that converts large numbers into abbreviated units (e.g., "B" for billions). Axes are styled with custom CSS, and grid lines are drawn via tick sizing.

AI-generated description