Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Customizing Axes

Public visualization

Viewing a saved revision (read-only)

d8072385e6504869b0d64b9907d0019f

Fork of Customizing Axes

0 stars0🌍 Public
Ddok0086m
Last edited Dec 20, 2022
Created on Dec 20, 2022
Forked from Customizing Axes

This bar chart displays the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The visualization customizes D3 axes by removing domain lines, styling tick marks and labels, and adding a custom x-axis label and title. Using D3’s `scaleLinear` and `scaleBand`, the chart maps population values to bar widths and country names to vertical positions, with axis tick labels formatted using `format('.3s')` and converted from billions to a shorter notation. The SVG rendering includes styled grid lines and text elements via CSS.

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.