Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing axes

Public visualization

Customizing axes

0 stars0🌍 Public
Aakshayms0
Last edited Oct 22, 2022
Created on Oct 22, 2022
Forked from HTML Starter

This example shows how to customize axes in a bar chart of country populations, formatting tick labels to abbreviate billions as "B" and removing axis domain lines for a cleaner look. A vertical band scale positions countries, while a linear scale maps population values to bar widths. The code uses d3.csv to load data, d3.scaleLinear, d3.scaleBand, d3.axisLeft, and d3.axisBottom, with SVG rendering and CSS styling for tick colors and font sizes.

AI-generated description

t

Comments

Sign in to join the discussion.

MIT Licensed