Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Viewing a saved revision (read-only)

bfdb8871d0f845b3be673c2780df4140

Customizing Axes

0 stars0🌍 Public
AAkshata Chandra
Last edited Jul 7, 2019
Created on Jul 7, 2019
Forked from Customizing Axes

This bar chart displays the top 10 most populous countries in 2018, using population data from the United Nations World Population Prospects. The chart demonstrates custom axis styling, including reformatted tick labels that convert values from gigabytes to billions, extended tick lines across the plot area, and removed default axis domains. Built with D3 v5, it uses `scaleLinear` and `scaleBand` for scaling, `axisBottom` and `axisLeft` for axes, and `format` to customize tick labels. The SVG rendering includes custom fonts and colors applied through 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.