Kuladeep

@kuladeep3·2 public vizzes

Fork of Pathetic Bar Chart

This example displays the top 10 most populous countries as horizontal bars without axes, using the United Nations World Population Prospects 2019 dataset. The visualization loads CSV data with `d3.csv`, filters it to the first ten rows, and renders the bars as SVG `<rect>` elements. It employs `d3.scaleBand` for the y-axis country positions and `d3.scaleLinear` for the x-axis population values. The app is built with React, managing loading state via hooks `useState` and `useEffect`.

Jul 1, 2021

Loading thumbnail…

Fork of Pathetic Bar Chart

This example displays the top 10 most populous countries as a rudimentary bar chart with no axes, using a React component and SVG rendering. It loads United Nations World Population Prospects 2019 data from a CSV via `d3.csv`, slices the first ten rows, and maps populations for 2020 to rectangle widths using `d3.scaleLinear`, while `d3.scaleBand` positions each country vertically. The chart omits axis labels and titles, presenting only the bars against a blank canvas.

Jun 30, 2021