Skip to main content
Log in
A

Aniketh-Samson

@Aniketh-Samson·3 public vizzes

Loading thumbnail…

Making a Bar Chart

This bar chart displays the population of the ten most populous countries, using 2018 estimates from the United Nations World Population Prospects. The chart uses D3 v4 with an SVG rendering approach, employing `scaleLinear` for the population axis and `scaleBand` for the country categories. The visualization demonstrates custom axis formatting with `axisBottom` and `axisLeft`, including tick label conversion from billions to a readable format. Data is loaded from a CSV file using `csv`, and the chart includes styled axes, a title, and an x-axis label through D3's selection and append methods.

Mar 5, 2020
Loading thumbnail…

Stylized Bar Chart

This stylized bar chart displays the ten most populous countries for 2020, using horizontal bars ordered by population size with a logarithmic-free linear scale. The visualization, built with React and D3 v5, renders as an SVG with labeled axes and hover tooltips showing population values in billions. The code initializes scales via `scaleBand` and `scaleLinear`, formats tick labels with `siFormat`, and loads data from the United Nations World Population Prospects 2019 CSV using the `csv` function. The chart emphasizes clean styling with custom tick colors and a Poppins font, while omitting gridlines for a minimal aesthetic.

Mar 4, 2020
Loading thumbnail…

Stylized Bar Chart

This stylized bar chart displays the top 10 most populous countries as horizontal bars, with the y-axis listing country names and the x-axis showing population in billions. The visualization uses React for component structure and d3.scaleBand and d3.scaleLinear for positioning, with SVG rectangles rendered in a teal color. Population data comes from the United Nations World Population Prospects 2019 dataset, loaded via d3.csv, and the chart includes axis labels, tick marks, and a tooltip showing the formatted population value on each bar.

Mar 3, 2020