Paawan Bhatt

@Paawan23·2 public vizzes

Fork of Stylized Bar Chart

A stylized bar chart displays the top 10 most populous countries, with country names on the left y-axis and population values on the bottom x-axis. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` to map data, rendering SVG rectangles via the `Marks` component. The data comes from the United Nations World Population Prospects 2019, loaded as CSV with `d3.csv`.

Jul 19, 2021

Loading thumbnail…

Fork of Stylized Bar Chart

This example displays the top 10 most populous countries as a horizontal bar chart using React and SVG. It loads population data from a CSV file via `d3.csv`, scales the bars with `d3.scaleLinear` and the country names with `d3.scaleBand`, and formats axis ticks using `d3.format`. The chart includes styled axes, a population label, and tooltips rendered through SVG `<title>` elements.

Jul 19, 2021