Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Viewing a saved revision (read-only)

9d4c540ff6dd4c9a8b531482d4f78fd2

Customizing Axes

0 stars0🌍 Public
KKonstantin Krumin
Last edited Apr 1, 2020
Created on Apr 1, 2020
Forked from Customizing Axes

This bar chart shows the populations of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects. It builds on a basic bar chart by customizing the D3 axes: removing the y-axis domain and tick lines, formatting x-axis tick labels with `d3.format` to abbreviate numbers (e.g., converting 'G' to 'B'), and adding an axis label and title. The code uses `d3.csv`, `d3.scaleLinear`, `d3.scaleBand`, `d3.axisLeft`, and `d3.axisBottom` with SVG rendering.

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.