Skip to main content
100%

Customizing Axes

✓ Published0🌍 Public
CCameron Nimmo
Last edited Nov 26, 2019
Created on Nov 20, 2019
Forked from Customizing Axes

This bar chart displays the top 10 most populous countries based on 2018 United Nations estimates, with population values in thousands. Using D3 v5, the visualization customizes axes by rotating x-axis labels, applying a custom tick format that converts millions to 'm' and billions to 'b', and styling tick marks with specific fonts and colors. An interactive "Add bar" button appends additional bars with sample data, triggering a 500-millisecond transition animation that slides exiting bars off the left edge. The chart is rendered as SVG with a steelblue fill for bars.

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.

MIT Licensed

Similar vizzes