Manoj Betawar

@AtSapphire·2 public vizzes

Making a Bar Chart

This example demonstrates a bar chart visualizing the top 10 most populous countries using 2018 population estimates from the United Nations World Population Prospects 2017. The chart displays population values with a linear scale on the x-axis and categorical country names on the y-axis using d3.scaleBand. Custom axes are styled with axis labels and tick formatting that abbreviates large numbers using d3.format. The visualization is rendered as SVG, with bars extending horizontally from the left margin.

Aug 18, 2020

Loading thumbnail…

Population time-series

This visualization displays population trends for global regions from 1950 to 2100, using animated line charts that color-code each region via a categorical scale. The data, sourced from UN population estimates, is processed through a custom melt function and rendered as SVG with D3 v5, React, and the `d3.axisBottom`, `d3.axisLeft`, and `d3.line` APIs. A color legend with animated transitions clarifies the mapping, while styled tick lines and labels enhance readability.

Jul 23, 2020