Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Viewing a saved revision (read-only)

5773b25d402e49f88b3acb50bbe39802

Customizing Axes

1 star1🌍 Public
Ssubburaj16061927
Last edited Jul 20, 2020
Created on Jul 20, 2020
Forked from Customizing Axes

This horizontal bar chart displays the top 10 most populous countries based on 2018 United Nations estimates, with a customized D3 v5 axis design. The vertical axis labels are left intact while the axis line and tick marks are removed, and the horizontal axis uses a custom tick format (converting G to B for billions) with grid lines extending across the plot. The chart uses `d3.scaleLinear`, `d3.scaleBand`, `d3.axisLeft`, and `d3.axisBottom` from D3, renders as SVG, and applies styling through an external CSS file for font sizes and colors.

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.