martinovicb

@martinovicb·2 public vizzes

Customizing Axes

This bar chart displays the population of the top 10 most populous countries using 2018 data from the United Nations World Population Prospects, with values multiplied by 1,000. It highlights D3 axis customization, using `d3.axisBottom` and `d3.axisLeft` with tick formatting that converts large numbers to abbreviations like "B" for billions. The chart removes default axis lines and gridlines, adding custom tick styling and labels via CSS. It uses D3’s `scaleBand` for Y-axis categories and `scaleLinear` for X-axis values, rendered as an SVG.

Jul 19, 2019

Loading thumbnail…

Customizing Axes

This bar chart displays the population of the top 10 most populous countries using data from the 2018 United Nations World Population Prospects estimate. It demonstrates customized D3 axes, including a formatted x-axis tick label that abbreviates values (e.g., converting billions) and removing gridlines and domain lines. The visualization uses d3.scaleLinear and d3.scaleBand to map populations and countries, with axes created via d3.axisBottom and d3.axisLeft, rendered as SVG. The chart also includes custom axis and title text styling through CSS.

Jul 19, 2019