Skip to main content
100%

Customizing Axes

✓ Published0🌍 Public
CCleber Rojas
Last edited Sep 26, 2019
Created on Sep 26, 2019
Forked from Customizing Axes

This bar chart displays the populations of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects, with data loaded from a CSV file. The visualization highlights customized D3 axes: the y-axis omits its domain and tick lines, while the x-axis uses a tick formatter to abbreviate values like billions and removes its domain line. Built with D3 v5, it employs `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisBottom` with `tickSize` to extend grid lines across the chart. Rendered as SVG, the bars use steelblue fills, and axis labels and titles are styled via CSS.

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