Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Customizing Axes

0 stars1🌍 Public
DDaniel Piqué
Last edited Nov 24, 2018
Created on Nov 24, 2018
Forked from Customizing Axes

This example displays a bar chart of the top 10 most populous countries, using 2018 population estimates from the United Nations World Population Prospects. The chart highlights custom axis formatting and styling, including a tick format that converts large numbers (e.g., G to B) and the removal of default axis lines. Built with D3 v5, it uses `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to position bars and axes within an SVG canvas. A CSV file supplies the data, and CSS styles the text and tick marks.

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.

Comments

Sign in to join the discussion.

MIT Licensed