Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing axes with D3.js!

Public visualization

Viewing a saved revision (read-only)

4220b423050a4ea68e3b6964e2c6122a

Customizing axes with D3.js!

0 stars1🌍 Public
CCalvin Gomez
Last edited May 11, 2020
Created on May 11, 2020

A horizontal bar chart displays the populations of the ten most populous countries, with data loaded from a CSV file. The visualization customizes D3.js axes by removing the x-axis domain line and all y-axis grid lines and ticks. It uses D3's `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` APIs, and formats x-axis tick labels with `format("0.3s")`, replacing "G" with "B" to abbreviate billions.

AI-generated description