Fork of Fork of Pathetic Bar Chart

100%

Fork of Fork of Pathetic Bar Chart

✓ Published0🌍 Public

Last edited Apr 20, 2021

Created on Apr 20, 2021

This chart displays the top 10 most populous countries as horizontal bars, with bar lengths proportional to each country’s 2020 population. The visualization omits axes, labels, or tick marks, making it deliberately minimal. Built with React and D3 v5, the code uses `scaleBand` for vertical positioning and `scaleLinear` for bar widths, rendering SVG rectangles. Data loads from a United Nations World Population Prospects 2019 CSV via D3’s `csv` function, and the view is updated through React state.

AI-generated description

A program that shows the top 10 most populous countries as a pathetic bar chart with no axes.

Data: United Nations World Population Prospects 2019.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pathetic Bar Chart

This chart displays the top 10 most populous countries as horizontal bars, with bar length proportional to each country’s 2020 population estimate. The visualization intentionally omits axes and labels, focusing solely on relative magnitudes. It loads data from the United Nations World Population Prospects 2019 CSV, filters to the first ten rows, and renders using React with SVG `rect` elements. The code employs D3 v5’s `scaleBand` for the categorical y-axis placement and `scaleLinear` for mapping population values to pixel widths.

AAnu Wat

97% match

Loading thumbnail…

Fork of Pathetic Bar Chart

This example displays the top 10 most populous countries as horizontal bars with no axes, making the ranking immediately visible through bar lengths. Built with React and D3 v5, it loads United Nations World Population Prospects 2019 data via `d3.csv`, parses the 2020 population column, and slices the first 10 rows. The SVG rendering uses `d3.scaleBand` for the y-axis country positions and `d3.scaleLinear` for the x-axis population widths, with each bar drawn as a `<rect>` element.

AAbin

96% match

Loading thumbnail…

Fork of Pathetic Bar Chart

AAbin

96% match

Loading thumbnail…

Fork of Pathetic Bar Chart

This visualization displays the top 10 most populous countries as a series of horizontal bars without any axes, making it deliberately minimal or “pathetic.” The bar lengths encode each country’s 2020 population from the United Nations World Population Prospects 2019 dataset. Built with React and D3 v5, the code uses `d3.csv` to load the data, `d3.scaleBand` for the y-axis categories, and `d3.scaleLinear` for the x-axis values, rendering SVG rectangles via React’s `map` function.

AAndrew-Sem

96% match

Loading thumbnail…

Fork of Pathetic Bar Chart

This visualization presents the top 10 most populous countries as horizontal bars without any axes, making the chart intentionally minimal. The bars are drawn using SVG rectangles whose lengths correspond to each country's 2020 population from the United Nations World Population Prospects 2019 dataset. The code uses React for state management and rendering, alongside D3 v5 functions like `scaleBand` for y-axis positioning and `scaleLinear` for width scaling, loading data via `d3.csv`.

Yyingzhe-z

96% match

Loading thumbnail…

Fork of Pathetic Bar Chart

This example visualizes the top 10 most populous countries as a bar chart, using rectangle widths proportional to each country’s 2020 population estimate from the United Nations World Population Prospects 2019. The chart intentionally omits axes and labels, presenting only bare colored bars against a plain background. Built with React and D3 v5, the code uses `d3.csv` to load the data, `scaleBand` for the vertical positioning of countries, and `scaleLinear` for the horizontal bar lengths. All bars are rendered as SVG `<rect>` elements within a React component, with each bar’s width derived from the maximum population value.

GGeekboxer

96% match

Loading thumbnail…

Fork of Pathetic Bar Chart

This visualization displays the top 10 most populous countries as a set of horizontal bars, with no axes or labels, emphasizing raw size comparisons. The chart loads population data from a CSV file sourced from the United Nations World Population Prospects 2019. Built with React and D3 v5, it uses `d3.csv` to parse the data, `d3.scaleBand` for the y-axis layout, and `d3.scaleLinear` for bar widths, rendering bars as SVG rectangles. The chart lacks any tick marks or value annotations, presenting a minimal, unadorned view.

MMengwei Li

96% match

Loading thumbnail…

Fork of Pathetic Bar Chart

This chart displays the top 10 most populous countries as a set of bare, axis-free rectangles using SVG. Built with React and D3 v5, it loads United Nations 2019 population data via `d3.csv`, sorts by the 2020 estimate, and uses `d3.scaleBand` for vertical positioning and `d3.scaleLinear` for bar lengths. The minimal styling intentionally omits axes, labels, and other chart furniture, leaving only colored bars whose widths encode population values.

Llatifiss

95% match