tusharsharma10

@tusharsharma10·2 public vizzes

Customizing Axes

This bar chart visualizes the population of the top 10 most populous countries, with data from the 2018 United Nations World Population Prospects. The chart shows animated bars that grow in width over five seconds, using a linear scale for the population axis and a band scale for country names. Customized D3 axes are implemented via `axisBottom` and `axisLeft`, including a tick format that converts large numbers to billions. The y-axis lines and domain are removed, while grid lines extend across the chart, with labels styled through CSS.

Oct 10, 2019

Loading thumbnail…

Customizing Axes

This bar chart displays the population of the top 10 most populous countries using 2018 United Nations estimates from a CSV file, with labels converted from millions to billions. It demonstrates customized D3 axes, including a horizontal axis with tick formatting and vertical grid lines, while the horizontal axis label and title are added as SVG text. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft`, and animates rectangle widths via `transition()` over two seconds, with data loaded via `csv` and formatting via `format`.

Oct 10, 2019