Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Viewing a saved revision (read-only)

626b09c1c80644f98910151f17c8b7f2

Customizing Axes

0 stars1🌍 Public
JJenniferFernald
Last edited May 7, 2019
Created on May 7, 2019
Forked from Customizing Axes

This bar chart visualizes lion populations across seven African countries, with population values from a CSV file and a title indicating the dataset's scope. It demonstrates custom axis styling: the y-axis removes its domain and tick lines, while the x-axis applies a tick format that abbreviates large numbers, using d3.axisBottom, d3.axisLeft, d3.scaleLinear, and d3.scaleBand. The SVG rendering includes a custom axis label and title, with tick text and lines styled via 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.