Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

KH customising axis barchart with D3.js

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed