Iris dataset

100%

✓ Published0🌍 Public

Last edited Jul 8, 2021

Created on Jul 8, 2021

This bar chart displays the top 10 most populous countries in 2020, using horizontal bars sorted by population. The visualization is built with React and D3 v5, employing `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the numeric x-axis. SVG `<rect>` elements represent each country, with axes rendered as custom React components. Data comes from the United Nations World Population Prospects 2019, loaded via `d3.csv` and formatted with `d3.format`.

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 iris scatter

This bar chart displays the top 10 most populous countries using data from the United Nations World Population Prospects 2019. Each horizontal bar represents a country, with its length proportional to the 2020 population estimate. The visualization uses React with D3’s `scaleBand` and `scaleLinear` for positioning and scaling, and renders SVG elements with custom axis components. A tooltip on each bar shows the population value using D3’s `format` function, with billions abbreviated as “B”.

NNart Williamson

89% match

Loading thumbnail…

Bar Chart

This bar chart displays the top 10 most populous countries in 2020, with horizontal bars sorted by population. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, rendering SVG rectangles via the `Marks` component. Tooltips show formatted population values using D3’s `format` with SI prefixes. Data comes from the United Nations World Population Prospects 2019, loaded asynchronously with `csv`.

Llimenzi

87% match

Loading thumbnail…

Untitled

A bar chart displays the top 10 most populous countries for 2020, using data from the United Nations World Population Prospects 2019. Horizontal bars encode population with a linear scale, while country names appear on the y-axis. The visualization is built with React, using `d3.csv` for data loading, `scaleBand` and `scaleLinear` for scales, and SVG rectangles for rendering. Tooltips show formatted population values, and axis labels are drawn as SVG text.

JJiapengFan

87% match

Loading thumbnail…

Bar Chart

This visualization displays the top 10 most populous countries using horizontal bars, with country names on the y-axis and population values on the x-axis. It is built with React and D3 v5, using `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, rendering as SVG. Population data comes from the United Nations World Population Prospects 2020, loaded via `d3.csv`, with tooltips showing formatted values. The chart includes styled axes and labels, with a teal fill for each bar.

Hhariveda-git

87% match

Loading thumbnail…

Stylized Bar Chart

This stylized bar chart displays the top 10 most populous countries in 2020, using horizontal bars sorted by population size. The visualization is built with React and D3 v5, employing `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis. Data comes from the United Nations World Population Prospects 2019 dataset, loaded via D3’s `csv` method. SVG rendering includes styled axes with tick lines, a population axis label, and tooltips using the native `<title>` element.

Mmb152

86% match

Loading thumbnail…

Bar Chart

This bar chart displays the top 10 countries by population for 2020, using horizontal bars ranked from largest to smallest. The visualization is built with React and rendered as SVG, leveraging D3 v7’s `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Population values are loaded via `d3.csv` from a UN dataset and formatted with SI notation, converting “G” to “B” for billions. Axes are generated by custom React components, and hover tooltips appear through native SVG `<title>` elements.

GGabriel

86% match

Loading thumbnail…

Bar chart

This bar chart displays the top 10 countries by population for 2020, using horizontal rectangles whose widths are proportional to each country’s population. The visualization is built with React and D3 v7, leveraging `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Data is loaded asynchronously from a CSV file via `d3.csv`, filtered to the first ten rows, and rendered as SVG `<rect>` elements. The chart updates reactively once the data arrives, showing a loading message initially.

Aafcchilders

86% match

Loading thumbnail…

Bar Chart - React, D3

A bar chart displays the top 10 most populous countries in 2020, using horizontal bars sorted by population. The visualization is built with React components and D3 scales (`scaleBand`, `scaleLinear`), rendering SVG rectangles for marks and custom axis components. D3’s `csv` loader fetches United Nations World Population Prospects 2019 data, with population formatted in billions. Tooltips show exact values via SVG `<title>` elements, while axes and labels are styled with CSS.

NNelson M

86% match