Skip to main content
SimilarExport ZIP
100%

Making a bar chart

✓ Published1🌍 Public
CConnor Bailey
Last edited Dec 7, 2019
Created on Dec 7, 2019

A horizontal bar chart displays the populations of the ten most populous countries using 2018 estimates from the World Population Prospects 2017 dataset. The chart uses D3 v5’s `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to load data and render SVG axes and rectangles. Population values are converted from thousands and scaled to bar widths, with country names positioned on the y-axis.

AI-generated description

This bar chart shows population of the top 10 most populous contries. The data comes form the year 2018 estimate in World Population Prospects 2017.

MIT Licensed

Similar vizzes

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 bar chart displays the populations of the top 10 most populous countries, using 2018 estimates from the UN’s World Population Prospects 2017. The data is loaded from a CSV file and rendered as SVG rectangles. The chart uses d3.scaleLinear for the x-axis, d3.scaleBand for the y-axis, and d3.axisLeft and d3.axisBottom to generate the axes.

CConnor Bailey
95% match
Loading thumbnail…

Make a BarChart

This example visualizes the populations of the ten most populous countries using a horizontal bar chart, based on 2018 estimates from World Population Prospects 2017. The chart encodes country names on a band scale and population counts on a linear scale, with bars rendered as SVG rectangles. It loads data from an external CSV file via `d3.csv`, converts population values from thousands to absolute numbers, and builds the axes using `axisLeft` and `axisBottom`. The implementation relies on D3 v6 modules such as `scaleLinear`, `scaleBand`, and `select`.

DDataFeast_71
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
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
95% match
Loading thumbnail…

Making a Bar Chart

This example shows a horizontal bar chart of the population for the ten most populous countries, using 2018 estimates from the World Population Prospects 2017. The chart is rendered as an SVG, with bars ordered by country name and scaled linearly by population. The code uses D3 v5 modules including `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to load data, compute scales, and draw axes. Population values are multiplied by 1000 to reflect actual counts, and bars are styled with a steelblue fill.

CCaleb Miller
95% match
Loading thumbnail…

Making a Bar Chart

A horizontal bar chart displays the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects 2017. The chart uses D3 v5’s `scaleLinear` and `scaleBand` to map population and country names, with `axisBottom` and `axisLeft` for customized axes. Population values are formatted with `d3.format`, and the SVG bars are rendered from a CSV file.

TTomisin Owolabi
94% match
Loading thumbnail…

Making a bar chart

A horizontal bar chart ranks the ten most populous countries using 2018 estimates from the World Population Prospects 2017 data. The visualization maps population values to bar widths via d3.scaleLinear and country names to vertical positions via d3.scaleBand, with axes generated by d3.axisLeft and d3.axisBottom. Rectangles are appended to an SVG group, and the population data is loaded from a CSV file and converted to thousands.

LLongYuu
94% match