Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes in D3.js

Public visualization

Viewing a saved revision (read-only)

9980ef3039154addbd8ab21c55550ca8

Customizing Axes in D3.js

0 stars1🌍 Public
Ggoodej
Last edited Sep 11, 2020
Created on Sep 9, 2020
Forked from Bar Chart w/ D3.js

This bar chart displays the population of the top 10 most populous countries, using data from the 2018 World Population Prospects estimate. Population values are formatted with a custom tick formatter that converts large numbers using `d3.format` with '.2s' notation. The chart employs `d3.scaleLinear` and `d3.scaleBand` to map population and country names, respectively. Customized axes remove the y-axis domain and x-axis domain lines, while x-axis gridlines extend across the plot. An axis label and title are added as SVG text elements.

AI-generated description

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