Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing axes

Public visualization

Viewing a saved revision (read-only)

418226921eef442595f77dadc5dc63c2

Customizing axes

0 stars0🌍 Public
AAtrayeeDeb
Last edited May 2, 2021
Created on May 2, 2021

This example demonstrates how to customize axes in a D3.js bar chart showing population data for the world’s most populous countries. The chart displays horizontal bars with a linear x-axis for population values and a categorical y-axis for country names, using `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`. The SVG rendering applies steelblue rectangles with custom axis formatting, and the data is loaded from a CSV file using `csv` and parsed with `max`.

AI-generated description