Making a Bar Chart

100%

Making a Bar Chart

✓ Published0🌍 Public

Last edited Apr 3, 2019

Created on Apr 3, 2019

This bar chart displays the populations of the world’s most populous cities, based on 2018 United Nations World Population Prospects estimates. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` and `scaleBand` to map population values to bar widths and city names to vertical positions. Axes are generated with `axisLeft` and `axisBottom`, while data is loaded asynchronously from a CSV file using `d3.csv`. Each bar’s width is proportional to its population value, with the chart ordered alphabetically by city name.

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

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.

Aanuj1450

91% 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

91% match

Loading thumbnail…

Making a Bar Chart

This bar chart visualizes the population of the world’s ten most populous urban areas, based on 2018 estimates from the United Nations’ World Population Prospects. The chart renders as an SVG using D3 v5, employing `scaleLinear` for the population axis and `scaleBand` for the categorical city labels, with bars drawn as `<rect>` elements. Data is loaded from a CSV file and scaled by a factor of ten thousand. The chart includes left and bottom axes generated via `axisLeft` and `axisBottom`.

Jjayjoepark

91% 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

91% match

Loading thumbnail…

Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects. The chart renders with SVG, using D3 v5’s `scaleLinear` for the population axis and `scaleBand` for country categories, with `axisLeft` and `axisBottom` for labels. Data is loaded from a CSV file via `d3.csv`, and each country’s population is multiplied by 1,000 before being drawn as steel-blue rectangles.

FFANN438

91% 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

90% 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

90% match

Loading thumbnail…

Making a Bar Chart

This bar chart displays the population of the top 10 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 populations and country names to the SVG canvas, with axes drawn via `axisLeft` and `axisBottom`. The chart’s bars are rendered as SVG rectangles, styled with CSS. Population values are loaded from a local CSV file and multiplied by 1,000 before rendering.

CCL

90% match