Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Viewing a saved revision (read-only)

3407b39448df437d9ffc73cfa80c164d

Customizing Axes

0 stars0🌍 Public
Ccollv004
Last edited Feb 3, 2020
Created on Feb 3, 2020
Forked from Customizing Axes

This scatter plot displays the population of the top 10 most populous countries from the 2018 United Nations World Population Prospects estimate. It demonstrates D3 axis customization, including tick formatting with `format('.3s')` to abbreviate large numbers and replacing 'G' with 'B', plus extended tick lines across the chart. Using `d3.scaleLinear` and `d3.scaleBand`, the bars are rendered in SVG with customized axis labels and styling. The visualization builds on a basic bar chart by refining axes, removing default domains, and adding a custom x-axis label.

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.