Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Customizing Axes

0 stars2🌍 Public
IIgor Oleniuk
Last edited May 20, 2020
Created on May 20, 2020
Forked from Customizing Axes

This visualization shows the population of the top 10 most populous countries using a bar chart, with data from the 2018 United Nations World Population Prospects estimate. The chart demonstrates customized D3 axes, including abbreviated tick labels (such as “1.4B” for 1.4 billion) and removal of default axis lines. Built with d3.v5, it uses `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`, and `format` from the d3 module, rendering to SVG. Custom styling for ticks, labels, and the title is applied via an external CSS 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.

Comments

Sign in to join the discussion.

MIT Licensed