Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Viewing a saved revision (read-only)

f7cfec5a9fed45f9b80eb4b518a51c19

Customizing Axes

0 stars0🌍 Public
LLauShang
Last edited Nov 6, 2020
Created on Nov 6, 2020
Forked from Customizing Axes

This example shows a bar chart of the top 10 most populous countries using data from the United Nations World Population Prospects 2017, with population values from a CSV file. It demonstrates customization of D3 axes, including tick formatting with the `format` API to abbreviate numbers, removal of the domain and tick lines, and the addition of custom axis labels. The chart uses `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` within an SVG rendered via D3 v5, with styling 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.