Making a Bar Chart

100%

Making a Bar Chart

✓ Published1🌍 Public

Last edited Nov 24, 2018

Created on Nov 23, 2018

A horizontal bar chart displays the 2018 population estimates for the ten most populous countries from the United Nations World Population Prospects. The visualization uses d3.csv to load the data, then constructs the chart from an SVG with d3.scaleLinear for the population axis and d3.scaleBand for country categories. Axes are rendered via d3.axisLeft and d3.axisBottom, while rectangular bars are appended through a data join with fill styling from the stylesheet.

AI-generated description

This bar chart shows population of the top 10 most populous countries. The data comes from the year 2018 estimate in United Nations: World Population Prospects 2017.

MIT Licensed

Similar vizzes

Loading thumbnail…

Making a Bar Chart

A horizontal bar chart displays the 2018 population estimates for the ten most populous countries, sourced from the United Nations World Population Prospects 2017. The visualization is built with D3 v5, using `scaleLinear` for the population axis and `scaleBand` for the categorical country axis, rendered as SVG rectangles. Axis ticks and labels are added via `axisLeft` and `axisBottom`, with data loaded from a CSV file and population values multiplied by 1000 to reflect actual counts.

AAnne Kerr

97% match

Loading thumbnail…

Making a Bar Chart

This bar chart visualizes the 2018 population estimates for the ten most populous countries, with data from the United Nations World Population Prospects 2017. It displays horizontal bars ordered by population, using a linear scale for the x-axis and a band scale for country names on the y-axis. The visualization is built with D3 v5, using `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the SVG elements. Population values are converted from thousands to raw numbers before plotting.

Ssourcebox-bug

97% match

Loading thumbnail…

Making a Bar Chart

This bar chart displays the 2018 population estimates for the ten most populous countries, sourced from the United Nations World Population Prospects 2017. The chart uses horizontal bars, with countries on the y-axis and population on the x-axis, rendered as an SVG. The visualization is built with D3 v5, employing `scaleLinear` and `scaleBand` for scales, and `axisLeft` and `axisBottom` to draw the axes. Data is loaded from a CSV file using D3’s `csv` function, and population values are multiplied by 1000 to reflect the actual figures.

Aahmadazharza

95% match

Loading thumbnail…

Making a Bar Chart

This example presents a horizontal bar chart of the populations of the ten most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The visualization uses D3 v5 to load a CSV file with `d3.csv`, then scales the data with `scaleLinear` for the x-axis and `scaleBand` for the y-axis. Axes are generated with `axisLeft` and `axisBottom`, while bars are appended as SVG `rect` elements. Population values are multiplied by 1,000 before rendering.

Mmargaretgoode

95% match

Loading thumbnail…

Making a Bar Chart

This example presents a horizontal bar chart of the population of the ten most populous countries, using 2018 estimates from the United Nations World Population Prospects. The visualization encodes population with bar length and country names along the y-axis, rendered as SVG rectangles. Built with d3.v5, it loads data from a CSV file and uses d3.scaleLinear and d3.scaleBand for axes, with d3.axisLeft and d3.axisBottom for labels. The code applies a steelblue fill to the bars via CSS.

Jjacobs-splunk

95% match

Loading thumbnail…

Making a Bar Chart

A horizontal bar chart displays the 2019 population estimates for the top 10 most populous countries, sourced from World Population Prospects. The visualization uses d3.csv to load data, d3.scaleLinear and d3.scaleBand for scales, and d3.axisLeft and d3.axisBottom to render axes with formatted tick labels. Bars are drawn as SVG rectangles with heights determined by the band scale’s bandwidth.

GGeolffrey S Mena

95% match

Loading thumbnail…

Making a Bar Chart

This bar chart displays the populations of the ten most populous countries, using 2018 estimates from the United Nations’ World Population Prospects. The visualization loads data from a CSV file with `d3.csv`, then renders horizontal bars using `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the y-axis categories. Axes are drawn with `d3.axisLeft` and `d3.axisBottom`, while each rectangle’s width and height are set by the scales. The chart is rendered as SVG, with bars styled through a CSS `fill` rule.

CCarlos Montalvo-Ghigliotty

95% match

Loading thumbnail…

Making a Bar Chart

This bar chart displays the populations of the ten most populous countries, using 2018 estimates from the United Nations World Population Prospects. The visualization pairs a linear scale for population values with a band scale for country names, rendering horizontal bars in SVG. Built with D3 v5, the code uses `d3.csv` to load the data, `scaleLinear` and `scaleBand` for scaling, and `axisLeft` and `axisBottom` to draw the axes. Population figures are multiplied by 1000 to reflect actual counts.

JJack Middlebrook

95% match