Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing axes

Public visualization

Viewing a saved revision (read-only)

00e7b5a14a814296af91a3164a778f25

Customizing axes

0 stars1🌍 Public
YYF
Last edited Oct 30, 2018
Created on Sep 9, 2018
Forked from Hello VizHub

This example shows a horizontal bar chart of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects. The chart customizes both axes by removing default domain lines and tick lines, and formats population labels to abbreviate numbers with a "B" suffix. Built with d3.v5, it uses `d3.scaleLinear`, `d3.scaleBand`, and `d3.axisBottom`/`d3.axisLeft` to render the SVG, with tick lines extended across the plot area and a custom axis label.

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.