Skip to main content
SimilarExport ZIP
100%

Making a Bar Chart

✓ Published1🌍 Public
Aanuj1450
Last edited Nov 2, 2020
Created on Nov 2, 2020

This example displays the populations of the world’s ten most populous countries as a horizontal bar chart, using 2018 estimates from the United Nations World Population Prospects. The chart is rendered as SVG, with bars encoded by a linear population scale and countries by a band scale. Built with D3 v6, the code uses `csv` to load data, `scaleLinear` and `scaleBand` for scaling, and `axisLeft` and `axisBottom` for axes. Population values are multiplied by 1,000 to reflect actual figures, and bars are styled with a steelblue fill.

AI-generated description

This bar chart shows the 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

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
Loading thumbnail…

Making a Bar Chart

This bar chart displays the populations of the world’s ten most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The visualization uses D3 v5’s `scaleLinear` and `scaleBand` to map population values to horizontal bar lengths and country names to vertical positions. Data is loaded from a CSV file via `d3.csv` and rendered as SVG rectangles. The chart includes left and bottom axes generated with `d3.axisLeft` and `d3.axisBottom`.

AAbhijit Roy
95% match
Loading thumbnail…

Making a Bar Chart

This example displays the populations of the ten most populous countries in 2018, ordered along a vertical bar chart. It uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to map population values to horizontal bar widths and country names to vertical bands. The data, sourced from the United Nations’ 2017 World Population Prospects, is loaded via `csv` and rendered as SVG rectangles. The code explicitly multiplies population figures by 1,000 to reflect actual counts.

MMounikaBeerelly
95% 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
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

This example presents a bar chart of the populations of the ten most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The chart shows each country labeled on the y-axis and the population value on the x-axis. The visualization is built with D3 v5, using `select` to target the SVG, `csv` to load data, `scaleLinear` and `scaleBand` for axes, and `axisLeft` and `axisBottom` to render them. The bars are drawn as SVG rectangles, and the data is scaled by a factor of one thousand.

UUtkarsha Kapoor
95% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the populations of the ten most populous countries, using 2019 estimates from the United Nations World Population Prospects. The chart renders as an SVG, with countries on the vertical axis and population values on the horizontal axis. It is built with D3 v5, using `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisLeft` and `d3.axisBottom` to draw the axes. Data is loaded from a CSV file and parsed with `d3.csv`, with population values multiplied by 1,000 to reflect actual figures.

Kkiyahw1
95% match
Loading thumbnail…

Making a Bar Chart

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.

SSergio Peña
95% match