Skip to main content
Log in
S

subburaj16061927

@subburaj16061927·3 public vizzes

Loading thumbnail…

Customizing Axes

This horizontal bar chart displays the top 10 most populous countries based on 2018 United Nations estimates, with a customized D3 v5 axis design. The vertical axis labels are left intact while the axis line and tick marks are removed, and the horizontal axis uses a custom tick format (converting G to B for billions) with grid lines extending across the plot. The chart uses `d3.scaleLinear`, `d3.scaleBand`, `d3.axisLeft`, and `d3.axisBottom` from D3, renders as SVG, and applies styling through an external CSS file for font sizes and colors.

Jul 20, 2020
Loading thumbnail…

Customizing Axes

This horizontal bar chart displays the top 10 most populous countries based on 2018 United Nations estimates, with a customized D3 v5 axis design. The vertical axis labels are left intact while the axis line and tick marks are removed, and the horizontal axis uses a custom tick format (converting G to B for billions) with grid lines extending across the plot. The chart uses `d3.scaleLinear`, `d3.scaleBand`, `d3.axisLeft`, and `d3.axisBottom` from D3, renders as SVG, and applies styling through an external CSS file for font sizes and colors.

Jul 20, 2020
Loading thumbnail…

Stylized Bar Chart

A stylized bar chart displays the ten most populous countries using data from the United Nations World Population Prospects 2019. Horizontal bars, colored teal, show population values with formatted tick labels abbreviating billions as “B”. Built with React and D3 v5, the visualization uses `scaleBand` for the categorical y-axis, `scaleLinear` for the x-axis, and SVG rectangles for rendering. Axis components and marks are modularized, with tooltips providing exact population figures on hover.

Jul 20, 2020