Skip to main content
SimilarExport ZIP
100%

Making a bar chart

✓ Published1🌍 Public
SScubaman911
Last edited Nov 2, 2019
Created on Nov 1, 2019
Forked from Making a bar chart

This bar chart shows the populations of the ten most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The horizontal bars are rendered as SVG rectangles, with lengths scaled linearly to population values, while country names are positioned on a band scale. The visualization uses D3 v5 APIs such as `csv` for data loading, `scaleLinear` and `scaleBand` for encoding, and `axisLeft` and `axisBottom` for tick marks. A steelblue fill style is applied via CSS.

AI-generated description

This bar chart shows population of the to 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 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 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 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 bar chart displays the population of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects. The visualization uses D3 v6 with SVG rendering, employing `d3.csv` to load data, `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisLeft`/`axisBottom` for the axes. Bars are drawn as SVG rectangles whose widths are proportional to population values, with a steelblue fill and a left margin accommodating country labels.

Jjwu534@gmail.com
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 United Nations World Population Prospects 2017 data. The data is loaded from a CSV file and rendered as SVG rectangles. The visualization uses the D3 v5 library, specifically the `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` APIs to map population values to bar widths and country names to vertical bands. The chart includes labeled axes and bars filled with a steel blue color.

Llisacaligagan
95% 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
95% 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
95% 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
95% match