Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

1d39548a00284e9b964c725318f72638

Open

Customizing Axes

0 stars1🌍 Public
LLonwabo11
Last edited May 9, 2019
Created on May 9, 2019
Forked from Customizing Axes

This bar chart displays the population of the top 10 most populous countries, using data from the 2017 United Nations World Population Prospects (2018 estimate). The visualization highlights customized axes, featuring larger tick labels, styled tick lines, and an axis label. The implementation uses D3 v5, with `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` for the chart structure, while CSS classes style the axis elements. The chart is rendered as an SVG, and the data is loaded from a CSV file.

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.