Bar Chart

100%

✓ Published1🌍 Public

Last edited Aug 6, 2020

Created on Aug 6, 2020

This bar chart shows the estimated 2020 population of the world’s continents, sourced from the UN World Population Prospects. The visualization uses D3 v5 with `d3.csv` to load data and `scaleLinear` and `scaleBand` for axes, rendered as SVG. Rectangles represent population values, with axis labels generated via `axisLeft` and `axisBottom`. The code applies a steelblue fill to bars and sets margins to accommodate continent names.

AI-generated description

D3 Basics Bar chart vis This bar chart showes population of the World by continents. It is build on the basis of the data from the year 2020 estimate in World Population Prospects 2020

MIT Licensed

Similar vizzes

Loading thumbnail…

Making a Bar Chart

This bar chart shows the estimated 2020 populations of several countries, using data from the United Nations World Population Prospects 2017. Population values are displayed as horizontal bars, sorted alphabetically by country name, with the chart rendered as an SVG. The visualization uses d3.csv to load the data, and d3.scaleLinear and d3.scaleBand to map population values and country names to screen positions. Axes are generated with d3.axisLeft and d3.axisBottom, while bars are appended as SVG rectangles with a steelblue fill.

Vvic126

87% match

Loading thumbnail…

Bar charts time

This example shows the population of each continent in 2018 using horizontal bar charts, drawn as SVG rectangles with a blue fill and pink stroke. The bars are ordered by continent name and scaled linearly by population, with a total population axis label at the bottom. The code uses D3 v5 APIs including `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`, and `format`, reading data from `data.csv`. The chart includes a large title text and gridlines generated by the axis tick marks.

Vvsalas20

86% match

Loading thumbnail…

Bar Chart w/ D3.js

This bar chart displays the population of the ten most populous countries using 2018 estimates from the UN World Population Prospects. The visualization employs D3.js v6 with SVG rendering, using `scaleLinear` for the x-axis and `scaleBand` for categorical country labels. Population values, read from a CSV file via D3's `csv` method, are multiplied by 1000 before being drawn as steelblue rectangles with axes generated by `axisLeft` and `axisBottom`.

Ggoodej

86% match

Loading thumbnail…

Making a Bar Chart

This bar chart displays the 2018 estimated populations of the world’s ten most populous countries, sourced from the UN’s World Population Prospects 2017. Using D3 v5, the visualization maps populations to rectangle widths via a linear scale and country names to vertical bands with a band scale. SVG rendering, with steelblue fills, presents the data directly from a CSV file parsed by D3’s CSV loader.

LLohithBlaze

86% match

Loading thumbnail…

bar chart

This bar chart visualizes the population of continents in 2018, with population values and percentage shares for each region. The chart is rendered as an SVG using D3 v5, with data parsed from an embedded CSV string via `d3.csvParse`. The visualization displays six inhabited continents plus Antarctica, showing the dominance of Asia and Africa in global population distribution. The code defines the SVG dimensions and imports the CSV data, though the actual bar drawing logic is not present in the visible source files.

Wwangqin2215

86% match

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

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

85% match

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

85% match