Skip to main content
SimilarExport ZIP
100%

Bar Chart

✓ Published0🌍 Public
SStarkerRegen
Last edited Jan 20, 2022
Created on Jan 20, 2022
Forked from Pathetic Bar Chart

This bar chart visualizes the top 10 most populous countries from the United Nations World Population Prospects 2019 dataset, using horizontal bars to encode population size. The chart omits axes by design, instead relying on interactive tooltips to display values. Built with React and D3 v5, it uses `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the x-axis, rendering as an SVG. D3’s `format` function converts large numbers into abbreviated forms like "1.4B" for the tooltips.

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…

bar chart try

This bar chart displays the top 10 most populous countries from the United Nations World Population Prospects 2019 dataset. Horizontal bars represent each country’s population, with a formatted x-axis showing values in billions. Built with React and D3 v5, the visualization uses `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and SVG `<rect>` elements rendered via React components. Native SVG `<title>` elements provide tooltips showing exact population values on hover.

Eeveryfin-in
95% match
Loading thumbnail…

Bar Chart

This bar chart displays the top 10 most populous countries using United Nations World Population Prospects 2019 data, loaded via d3.csv. It uses React with d3.scaleBand for the y-axis and d3.scaleLinear for the x-axis, rendered as SVG rect elements. Axes are drawn with custom React components (AxisBottom and AxisLeft), with tick labels formatted using d3.format to convert values to billions.

33ssalunke
95% match
Loading thumbnail…

Stylized Bar Chart

This stylized bar chart displays the top 10 most populous countries from the United Nations World Population Prospects 2019 dataset, with each bar’s length representing population. The visualization uses React components and D3.js APIs, including `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and SVG `<rect>` elements for the bars. The y-axis lists country names, while the x-axis uses a custom SI formatter (replacing 'G' with 'B') to display population in billions. The chart’s aesthetic styling—Poppins font, teal bar color, and muted grid lines—enhances readability.

Aaleemali027
95% match
Loading thumbnail…

Bar Chart

This bar chart displays the top 10 most populous countries for 2020, using data from the United Nations World Population Prospects 2019. The visualization employs React components for rendering and d3.js functions like `scaleBand`, `scaleLinear`, and `max` to map countries and their populations. The chart is drawn as an SVG, with horizontal bars and labeled axes, and includes interactive tooltips showing population values in a formatted, shortened notation.

RRay Yang
95% match
Loading thumbnail…

Stylized Bar Chart

This stylized bar chart displays the top 10 most populous countries using data from the United Nations World Population Prospects 2019. Each bar originates from the bottom of the chart and extends upward to represent population values, with rotated country labels on the x-axis and tick marks on the y-axis. The visualization uses React components and D3 v5, specifically `scaleBand` for the x-axis, `scaleLinear` for the y-axis, and SVG `rect` elements for the marks. Chart axes are custom-rendered with formatted tick labels using `format('.2s')` to abbreviate large numbers.

BBizmundo
95% match
Loading thumbnail…

Stylized Bar Chart

This stylized bar chart displays the top 10 most populous countries from the United Nations World Population Prospects 2019 dataset. The visualization uses a horizontal bar layout with a playful handwritten font and muted color palette, showing population values in billions along the x-axis. The React-based code employs d3.scaleBand and d3.scaleLinear for positioning, with SVG rendering for the marks and axes. D3’s format function converts large numbers to abbreviated labels, while tooltips provide exact population figures on hover.

Yyinhao0424
95% match
Loading thumbnail…

Stylized Bar Chart

This stylized bar chart visualizes the top 10 most populous countries using data from the United Nations World Population Prospects 2019. Horizontal bars extend from the left axis, colored teal with a clean, minimal design. The React-based implementation uses D3’s `scaleBand` for the categorical y-axis, `scaleLinear` for the quantitative x-axis, and the `format` function to abbreviate population values (e.g., “1.4B”). SVG rendering includes custom React components for axes and marks, with simple tooltips provided via SVG `<title>` elements.

Hhafsa2020
95% match
Loading thumbnail…

Stylized Bar Chart

This stylized bar chart visualizes the top 10 most populous countries using data from the United Nations World Population Prospects 2019. Horizontal bars extend from the left axis, colored teal with a clean, minimal design. The React-based implementation uses D3’s `scaleBand` for the categorical y-axis, `scaleLinear` for the quantitative x-axis, and the `format` function to abbreviate population values (e.g., “1.4B”). SVG rendering includes custom React components for axes and marks, with simple tooltips provided via SVG `<title>` elements.

Hhafsa2020
95% match