Guruprasad

@Guruprasad1991·2 public vizzes

Fork of Customizing Axes

This bar chart displays the 2018 population estimates for the top 10 most populous countries, using data from the United Nations World Population Prospects. The visualization emphasizes customized axes: the y-axis removes tick lines and domain, while the x-axis uses a tick format that converts large numbers to abbreviated units, replacing 'G' with 'B' for billions. Built with D3 v5, it leverages `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` within an SVG, with styling for tick text, axis labels, and the chart title.

Jan 4, 2022

Loading thumbnail…

Fork of Stylized Bar Chart

This bar chart displays the ten most populous countries in 2020, with horizontal bars ranked by population size. Built with React and rendered as SVG, the visualization uses d3.scaleBand for the country axis and d3.scaleLinear for the population values. Data comes from the United Nations World Population Prospects 2019, formatted with d3.format to abbreviate large numbers. The chart includes a formatted x-axis, country labels on the y-axis, and tooltips showing exact values.

Jan 3, 2022