Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Viewing a saved revision (read-only)

7ff14ad0ba0449dbafe2c236e82c2913

Customizing Axes

0 stars1🌍 Public
Mmargaretgoode
Last edited May 13, 2019
Created on May 13, 2019
Forked from Customizing Axes

This example displays a horizontal bar chart of lion populations in various African countries, with the y-axis listing country names and the x-axis representing population. The chart uses custom tick formatting via `d3.format` with a `.3s` specifier, and the `d3.axisBottom` and `d3.axisLeft` functions for axis generation. Rendered as SVG, it loads data from a local CSV file, and styling is applied through CSS classes like `.tick text` and `.axis-label`, demonstrating how to customize axes with D3 v5.

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.