Fork of Fork of Pathetic Bar Chart

Fork of Pathetic Bar Chart

This visualization displays the top 10 most populous countries as a minimal bar chart with no axes or labels, rendering each country as a simple SVG rectangle. The bars are positioned using `d3.scaleBand` for the vertical country categories and `d3.scaleLinear` for horizontal population values, with data loaded from the United Nations World Population Prospects 2019 via `d3.csv`. The chart is built with React hooks (`useState`, `useEffect`) to fetch and slice the dataset, while React renders the SVG elements in a browser environment.

Fork of Pathetic Bar Chart

Fork of Pathetic Bar Chart

Fork of Pathetic Bar Chart

This example visualizes the top 10 most populous countries as a bar chart without axes or labels, rendering each country as a horizontal rectangle scaled by its 2020 population. Built with React and D3 v5, it uses `d3.csv` to load United Nations World Population Prospects 2019 data, then applies `scaleBand` and `scaleLinear` to map countries and population values to screen coordinates. The visualization displays rectangles in an SVG container, with the loading state shown as plain text until data arrives.

Fork of Pathetic Bar Chart

This example displays the top 10 most populous countries as a bar chart with no axes, using React hooks to manage state and effects. The code loads UN World Population Prospects 2019 data via `d3.csv`, parses the 2020 population column, and renders SVG rectangles scaled by `d3.scaleLinear` for width and `d3.scaleBand` for vertical positioning. React handles rendering updates, while D3 v5 provides data loading and scaling utilities.

CCYBERFENRIR

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`.

KKuladeep

Fork of Pathetic Bar Chart

This fork of the Pathetic Bar Chart renders the top 10 most populous countries as rectangles with no axes, using React and D3 v5. The chart shows population values for 2020 from the United Nations World Population Prospects 2019 dataset, loaded via `d3.csv`. The code uses `d3.scaleBand` for the y-axis country labels, `d3.scaleLinear` for the horizontal bar lengths, and renders the SVG output through ReactDOM, with a left margin for country names.

Llatifiss

Fork of Pathetic Bar Chart

Using React hooks and D3 v5, this chart displays the top 10 most populous countries for 2020 from United Nations World Population Prospects 2019 data, loaded via `d3.csv`. It renders SVG rectangles scaled by `d3.scaleLinear` for population and positioned with `d3.scaleBand` for country names, with no axes or labels. The chart updates asynchronously with `useState` and `useEffect`, and `ReactDOM.render` mounts the component.

YYedrup