Skip to main content
SimilarExport ZIP
100%

Making a Bar Chart

✓ Published1🌍 Public
LLouis
Last edited Jan 20, 2019
Created on Jan 20, 2019

This bar chart displays the population of the thirteen most populous countries, using 2018 estimates from the United Nations’ World Population Prospects. Population values are shown as horizontal bars, ordered from China down to the Philippines. The visualization is built with D3 v5, using `d3.csv` to load the data, `scaleLinear` and `scaleBand` for the axes, and `axisLeft` and `axisBottom` for tick marks. Rectangles are appended to an SVG and styled with CSS, with the data rendered as raw SVG elements.

AI-generated description

This bar chart shows population of the thirteen most populous countries. The data comes from the year 2018 estimate in United Nations: World Population Prospects 2017.

Note: That link doesn't give data for the year 2018 but for the year 2015. In this example, I've used the data provided in the class (which is close to the downloaded data).

MIT Licensed

Similar vizzes

Loading thumbnail…

Making a Bar Chart

This bar chart visualizes the 2018 population estimates for the ten most populous countries, with data from the United Nations World Population Prospects 2017. It displays horizontal bars ordered by population, using a linear scale for the x-axis and a band scale for country names on the y-axis. The visualization is built with D3 v5, using `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the SVG elements. Population values are converted from thousands to raw numbers before plotting.

Ssourcebox-bug
92% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the population of the ten most populous countries, using 2018 estimates from the United Nations World Population Prospects. The visualization uses d3.scaleLinear for the x-axis and d3.scaleBand for the y-axis, with d3.axisLeft and d3.axisBottom to render the axes. Data is loaded from a CSV file via d3.csv and rendered as SVG rectangles, with each bar’s width proportional to its country’s population. The chart highlights the vast population disparity between China and India and the remaining nations.

YYF
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 ten most populous countries, using 2018 estimates from the United Nations’ World Population Prospects. The data is loaded from a CSV file via `d3.csv`, with population values multiplied by 1,000. The visualization is rendered as an SVG using D3 v5, employing `scaleLinear` for the x-axis, `scaleBand` for the categorical y-axis, and `axisLeft`/`axisBottom` to draw the axes. The bars are appended as `rect` elements, with their width and height calculated from the scales.

Ssrrajendran
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 chart renders countries on the y-axis and population values on the x-axis, with bars scaled linearly via `d3.scaleLinear` and positioned using `d3.scaleBand`. Data is loaded from a CSV file with `d3.csv`, and axes are generated with `d3.axisLeft` and `d3.axisBottom`. The visualization is built with D3 v5 and rendered as SVG elements.

Cchrismdiaz
91% 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
91% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the population of the ten most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The visualization uses D3 v5 to map population values to a linear x-axis and country names to a categorical y-axis, with a custom tick formatter abbreviating large numbers with suffixes like "B." The chart is rendered as an SVG, with styled bars, axis labels, and a title, and the code relies on D3's `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`, and `csv` utilities for data input and axis generation.

Wwindwardpassage
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 as SVG, with a linear scale for population values and a band scale for country names. The code uses d3.csv to load the data, then applies d3.scaleLinear, d3.scaleBand, d3.axisLeft, and d3.axisBottom to construct the visualization. Bars are appended as rect elements, with China and India visibly dominating the population totals.

Ffbudwill
91% match