Skip to main content
SimilarExport ZIP
100%

Making a Bar Chart

✓ Published1🌍 Public
SSergio Peña
Last edited May 3, 2019
Created on Apr 28, 2019

This bar chart displays the populations of the ten most populous countries in 2018, with data from the United Nations World Population Prospects 2017. The chart uses D3 v5’s `csv` loader to parse the data, then applies `scaleLinear` for the population axis and `scaleBand` for the country axis, rendering bars as SVG rectangles. Axes are added via `axisLeft` and `axisBottom`, and each country’s population value is multiplied by 1,000 to reflect actual figures. The visualization is styled with steel-blue bars and a clean white background.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Making a Bar Chart

This bar chart visualizes the populations of the ten most populous countries, based on 2018 estimates from the United Nations World Population Prospects. It uses D3 v5 to create an SVG with linear and band scales, displaying horizontal bars labeled by country. The chart’s axes are generated with `axisLeft` and `axisBottom`, while data is loaded from a CSV file and rendered as `rect` elements filled with steelblue, with a title added as a text element.

Mmorjyooo
96% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the populations of the ten most populous countries, based on 2018 estimates from the United Nations' World Population Prospects. It uses D3 v5 APIs including `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to load data, map values to positions, and render axes as SVG. Population values are multiplied by 1000 and represented as horizontal bars, with country names on the y-axis and population on the x-axis. The chart is styled with steelblue rectangles and larger text for readability.

CCarlos Montalvo-Ghigliotty
96% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the populations of the ten most populous countries, based on 2018 United Nations estimates from the World Population Prospects. The data, loaded from a CSV file, is scaled using d3.scaleLinear for the horizontal axis and d3.scaleBand for the categorical vertical axis. The chart renders as SVG rectangles, with population values parsed from strings to numbers and multiplied by 1,000 before being mapped to bar widths. The visualization uses D3 v5, focusing on a clean, margin-less layout within a 960×500 SVG canvas.

Cchristoshanes
96% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the populations of the ten most populous countries, based on 2018 United Nations estimates from the World Population Prospects. The data, loaded from a CSV file, is scaled using d3.scaleLinear for the horizontal axis and d3.scaleBand for the categorical vertical axis. The chart renders as SVG rectangles, with population values parsed from strings to numbers and multiplied by 1,000 before being mapped to bar widths. The visualization uses D3 v5, focusing on a clean, margin-less layout within a 960×500 SVG canvas.

Cchristoshanes
96% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the population of the ten most populous countries, using 2018 estimates from the United Nations World Population Prospects. The chart uses D3 v4 with an SVG rendering approach, employing `scaleLinear` for the population axis and `scaleBand` for the country categories. The visualization demonstrates custom axis formatting with `axisBottom` and `axisLeft`, including tick label conversion from billions to a readable format. Data is loaded from a CSV file using `csv`, and the chart includes styled axes, a title, and an x-axis label through D3's selection and append methods.

AAniketh-Samson
96% match
Loading thumbnail…

Making a Bar Chart

This example displays the population of the ten most populous countries, based on 2018 United Nations estimates from World Population Prospects 2017, as horizontal bars. The chart uses D3 v5 with `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisLeft` and `d3.axisBottom` for tick rendering. Data is loaded from a CSV via `d3.csv`, and each bar’s width is scaled proportionally to population values, multiplied by 1000. The SVG output is styled with steelblue rectangles.

RReshma R
96% 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
96% 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
96% match