Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Customizing Axes

0 stars2🌍 Public
SSagar Malviya
Last edited Jun 1, 2019
Created on Jun 1, 2019
Forked from Making a Bar Chart

This example demonstrates how to customize axes in a bar chart displaying the top 10 most populous countries, using population data loaded from a CSV file. The chart applies a linear scale for the x-axis and a band scale for the y-axis, with custom tick formatting that converts large numbers to abbreviations. The code leverages D3.js v5 APIs such as `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft`, while removing default axis domains and styling grid lines and labels through CSS.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed