Rejith Raghavan

@rejithry·2 public vizzes

Customizing Axes

This bar chart displays the population of the top 10 most populous countries in 2018, sourced from the United Nations World Population Prospects. It highlights custom axis styling, including formatted tick labels using `d3.format` to abbreviate numbers, and the removal of default axis lines and gridlines. The chart uses D3 v5 with `d3.scaleLinear`, `d3.scaleBand`, `d3.axisLeft`, and `d3.axisBottom`. The SVG elements are styled with custom CSS, and the data is loaded from a CSV file.

Sep 3, 2019

Loading thumbnail…

Customizing Axes

This bar chart displays the populations of the top 10 most populous countries using 2018 United Nations estimates from a CSV file. It demonstrates custom axis styling by removing default domain lines, adding custom tick formatting that converts values from "G" to "B" (billion), and appending labeled axis titles. The code uses d3.scaleLinear for the x-axis, d3.scaleBand for the y-axis, and d3.axisBottom with a custom tick format function. All elements are rendered as SVG with styling defined in external CSS.

Sep 2, 2019