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)

fa2b1d0f938445df85db29fc438a0c7e

Open

Customizing Axes

0 stars0🌍 Public
IIAmOscar-Liu
Last edited Jul 1, 2020
Created on Jul 1, 2020
Forked from Customizing Axes

This bar chart shows the top 10 most populous countries, using 2018 UN population estimates from the World Population Prospects. It demonstrates customizing D3 axes by removing domain lines, setting tick formats with `d3.format`, and adding axis labels. The code uses `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`, rendering in SVG. Tick lines extend across the chart, and population values are formatted in billions with a custom replacement of 'G' with 'B'.

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.