Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Viewing a saved revision (read-only)

112d3b0115a244d3985af1f8ff7f39fa

Customizing Axes

0 stars1🌍 Public
Yyejichun@naver.com
Last edited Jul 26, 2021
Created on Jul 26, 2021
Forked from Making a Bar Chart

This example presents a horizontal bar chart of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects. The visualization highlights customized axes, including a band scale for country names on the y-axis and a linear scale for population on the x-axis. The code uses D3 v7 APIs such as `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft`, with the x-axis labels formatted using `format('.3s')` to abbreviate large numbers. SVG rendering is used to draw the bars, with a title and axis label included.

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.