Fork of iris scatter

100%

Fork of iris scatter

✓ Published0🌍 Public

Last edited Apr 29, 2021

Created on Apr 29, 2021

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

AI-generated description

A program that shows the top 10 most populous countries as a bar chart.

Data: United Nations World Population Prospects 2019.

MIT Licensed

Similar vizzes

Loading thumbnail…

Iris dataset

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

YYenTingWu

89% match

Loading thumbnail…

Fork of Fork of Fork of Stylized Bar Chart

This bar chart displays the top 10 most populous countries using data from the United Nations World Population Prospects 2019. The visualization uses d3.csv for data loading, d3.scaleBand for the categorical y-axis, and d3.scaleLinear for the numeric x-axis. Rendered as an SVG via React, each bar is a styled rectangle with a hover tooltip showing the population value. The axis labels use d3.format to abbreviate large numbers, converting 'G' values to 'B' for billions.

Aarjun-lab663

88% match

Loading thumbnail…

scatter plot

This scatter plot visualizes the top 10 most populous countries in 2020, using horizontal bars to represent population sizes. The chart is built with React and D3 v5, using `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis, with SVG rendering for the marks and axes. Data comes from the UN World Population Prospects 2019, loaded via D3’s `csv` function and formatted with `format('.2s')` to display population in billions. Hovering over a bar reveals a tooltip with the precise value.

AAndrew Babilonia

88% match

Loading thumbnail…

Fork of Stylized Bar Chart

This bar chart visualizes the top 10 most populous countries using data from the United Nations World Population Prospects 2019. Each horizontal bar represents a country, with population values formatted in billions. The visualization uses React with D3 v5 scales (scaleBand and scaleLinear) for layout, and renders SVG rectangles. Axis components are custom-built, and a native SVG `<title>` element provides tooltips showing population values.

Mmavercikalvin

88% match

Loading thumbnail…

Fork of Stylized Bar Chart

This bar chart displays the top 10 most populous countries for 2020, sourced from the United Nations World Population Prospects 2019. Each bar’s length encodes population using a linear scale, while country names are arranged on a band scale. The visualization is built with React and D3 v5, rendering bars and axes as SVG elements. It includes custom axis components, a formatted tick label that abbreviates billions as "B", and a tooltip showing the exact population value.

Ssnehareddygurram

87% match

Loading thumbnail…

Fork of Stylized Bar Chart

Ssnehareddygurram

87% match

Loading thumbnail…

Fork of Refactored Bar Chart

This bar chart displays the top 10 most populous countries using data from the United Nations World Population Prospects 2019, rendered as an SVG via React. The visualization uses d3.scaleBand for the y-axis, d3.scaleLinear for the x-axis, and d3.csv to load the dataset. It includes bottom and left axes generated from custom React components, with rectangular marks representing each country’s population. The chart is intentionally minimal, lacking gridlines and other embellishments, and updates reactively when data loads.

NNicolás Troncoso

87% match

Loading thumbnail…

Fork of Stylized Bar Chart

This visualization displays the top 10 most populous countries as horizontal bars, using United Nations World Population Prospects 2019 data loaded via d3.csv. React components render SVG elements, with d3.scaleBand positioning countries on the y-axis and d3.scaleLinear mapping population values to bar widths. The d3.format function applies SI notation to axis ticks, converting values like "1.3G" to "1.3B". Color-coded teal bars include native SVG tooltips showing precise population figures on hover.

HHaileabGH

87% match