Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Viewing a saved revision (read-only)

b202a736a18b4b1ea7c344178cb0b242

Customizing Axes

0 stars0🌍 Public
Bbart
Last edited Jul 23, 2019
Created on Jul 22, 2019
Forked from Customizing Axes

This bar chart displays the population of the top 10 most populous countries from the 2018 United Nations World Population Prospects estimate, with each bar colored on a red-yellow-red gradient using a d3.scaleLinear sequential scale. The visualization demonstrates customizing D3 axes by using d3.axisBottom for the x-axis with formatted tick labels, while d3.axisLeft is omitted, and custom CSS styles the tick text, lines, and axis label. The chart also includes a title and uses d3.csv to load the data, scaling the population values by 1,000.

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.