Skip to main content
SimilarExport ZIP
100%

Fork of Stylized Bar Chart

✓ Published0🌍 Public
Mmavercikalvin
Last edited Mar 8, 2023
Created on Mar 8, 2023
Forked from 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.

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…

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 React components to render SVG elements, with D3 v5 functions including `scaleBand`, `scaleLinear`, `max`, and `format` to handle scaling and axis tick formatting. Horizontal bars represent population values with tooltips showing formatted numbers, while custom Axis components generate the tick marks and labels.

MMaxim
98% match
Loading thumbnail…

Fork of Stylized Bar Chart

A horizontal bar chart displays the top 10 most populous countries, using data from the United Nations World Population Prospects 2019. The chart presents population values formatted in billions, with country names on the y-axis and a labeled x-axis. Built with React and D3 v5, the visualization uses `scaleBand` and `scaleLinear` for positioning, and SVG `rect` elements from the `Marks` component to render bars with tooltips.

EEmma kim
98% match
Loading thumbnail…

Fork of Stylized Bar Chart

A horizontal bar chart displays the top 10 most populous countries from the United Nations World Population Prospects 2019 dataset, with population values formatted in billions. The visualization uses React with D3 v5, leveraging `d3.scaleBand` for the y-axis country categories and `d3.scaleLinear` for the x-axis population scale. Custom Axis components render SVG ticks and labels, while each bar includes a native SVG `<title>` tooltip element.

Vvanquisher2000
97% match
Loading thumbnail…

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 React with d3.scaleBand for the y-axis and d3.scaleLinear for the x-axis, rendering SVG rectangles via the Marks component. Axes are generated with custom AxisBottom and AxisLeft components, while tooltips are provided through SVG title elements. Population values are formatted using d3.format to abbreviate large numbers, and the chart applies a Poppins font with a teal color scheme.

EEevikettu
97% match
Loading thumbnail…

Fork of Stylized Bar Chart

This visualization uses a horizontal bar chart to display the top 10 most populous countries, sourced from United Nations World Population Prospects 2019 data. The React-based implementation leverages d3.scaleBand, d3.scaleLinear, and d3.format to render SVG rectangles, with population values formatted in billions. Axis components are custom-built using d3 scale ticks, and hovering over a bar reveals its precise value via a native `<title>` tooltip. The chart includes labeled axes and uses a Poppins font styling throughout.

NNikithakatta30
97% match
Loading thumbnail…

Fork of Stylized Bar Chart

This bar chart shows the top 10 most populous countries in 2020, using data from the United Nations World Population Prospects 2019. The visualization is built with React and D3 v5, using `scaleBand` for the categorical y-axis and `scaleLinear` for the population x-axis. Population values are formatted with D3’s `format('.2s')` to display values in billions. The SVG rendering includes custom axis components and hover tooltips via native `<title>` elements, all styled with the Poppins font and teal bars.

SStudentCZ
97% 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
97% 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
97% match