Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

9fd1c06c16444046ae02a9705bc5139a

Open

Customizing Axes

0 stars0🌍 Public
JJames Xie
Last edited Feb 12, 2020
Created on Feb 11, 2020
Forked from Customizing Axes

This visualization displays the population of the top 10 most populous countries in 2018, using data from the United Nations World Population Prospects. It demonstrates customized D3 axes: the y-axis removes domain lines and tick marks, while the x-axis formats large numbers into abbreviated labels (e.g., "B" for billions) using `d3.format`. Built with D3 v5, it renders a static SVG bar chart with `d3.scaleLinear` and `d3.scaleBand`, and applies custom styling to tick text and lines via CSS.

AI-generated description

This bar chart shows population of the top 10 most populous countries. The data comes from the year 2018 estimate in United Nations: World Population Prospects 2017. It also demonstrates customization of D3 axes.

See also the first bar chart visualization that this one builds on: Making a Bar Chart.