Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Customizing Axes

0 stars0🌍 Public
杳杳然 Flaneur
Last edited Apr 10, 2020
Created on Apr 10, 2020
Forked from Customizing Axes

This example shows the top 10 most populous countries in the world as a horizontal bar chart, using data from the 2017 United Nations World Population Prospects. It also demonstrates how to customize D3 axes, including removing axis lines, applying custom tick formatting with `d3.format`, and adding an axis label. The chart is rendered with SVG, uses `d3.scaleLinear` and `d3.scaleBand`, and calls `d3.axisLeft` and `d3.axisBottom` to generate the axes.

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.

Comments

Sign in to join the discussion.

MIT Licensed