offset-max

@offset-max·2 public vizzes

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 2017. The visualization demonstrates how to customize D3 axes, including tick labels, grid lines, and axis labels, through the use of CSS classes applied to SVG elements. The chart is rendered as an SVG element, and the data is loaded from a CSV file using D3’s `csv` function, with populations converted to numbers before the bars are drawn.

Jan 14, 2020

Loading thumbnail…

Vertical bar chart

This vertical bar chart displays the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The visualization uses D3 v5 with SVG rendering, leveraging the `select` and `csv` functions from the d3 module to load data. Custom D3 axes are used to present the population values, with bars sized and positioned to clearly compare the relative magnitudes across countries. The chart builds on an earlier bar chart example, refining axis customization for improved readability.

Jan 13, 2020