Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Customizing Axes

0 stars1🌍 Public
Aantoniojl@gmail.com
Last edited Apr 19, 2022
Created on Apr 19, 2022
Forked from Making a Bar Chart

This example shows a horizontal bar chart ranking the top ten most populous countries using 2018 data from World Population Prospects 2017. D3.js v7 with SVG renders the bars, while `scaleLinear` and `scaleBand` position them, and `axisLeft` and `axisBottom` create the axes. The x-axis uses custom tick formatting via `format('.3s')` to display billions with a 'B' suffix, and grid lines are added through `tickSize`. The chart also removes axis domain lines and adds custom labels for clarity.

AI-generated description

This bar chart shows population of the top ten most populous countries. The data comes from the year 2018 estimate in [his bar chart shows population of the top ten most populous countries. The data comes from the year 2018 estimate in World Population Prospects 2017

Comments

Sign in to join the discussion.

MIT Licensed