Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Viewing a saved revision (read-only)

c25f85ea245a4b2b9054f14073d2adac

Customizing Axes

0 stars0🌍 Public
Ssppcmccoy
Last edited May 7, 2019
Created on May 7, 2019
Forked from Customizing Axes

This bar chart shows the top 10 highest income tax states, using population values as a proxy for tax-percent of income, with data from the 2018 United Nations World Population Prospects estimate. The visualization emphasizes customization of D3 axes: a linear x-axis formats tick labels using `format('.3s')` to abbreviate numbers like billions, and the y-axis removes its domain and tick lines for a cleaner look. The code uses `d3.scaleLinear`, `d3.scaleBand`, `axisBottom`, and `axisLeft` within an SVG rendered via D3 v5, pulling data from a local CSV file.

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.