Skip to main content
SimilarExport ZIP
100%

Making a Bar Chart

✓ Published1🌍 Public
Jjacobs-splunk
Last edited Jun 9, 2019
Created on Jun 9, 2019
Forked from 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.

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 population of the ten most populous countries, based on 2018 United Nations estimates from World Population Prospects 2017, as horizontal bars. The chart uses D3 v5 with `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisLeft` and `d3.axisBottom` for tick rendering. Data is loaded from a CSV via `d3.csv`, and each bar’s width is scaled proportionally to population values, multiplied by 1000. The SVG output is styled with steelblue rectangles.

RReshma R
96% 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
96% 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
96% match
Loading thumbnail…

Making a Bar Chart

This example presents a horizontal bar chart showing the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects 2017. It uses D3 v5's `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` APIs to map population values and country names to SVG rectangles. Data is loaded from a CSV file and processed by multiplying the population values by 1000. The chart renders entirely as SVG, with bars styled in steelblue, and the code illustrates a basic data-join and margin setup for reusable visualization.

Vvoiletymr
96% match
Loading thumbnail…

Making a Bar Chart

This example presents a bar chart of the populations of the ten most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The chart shows each country labeled on the y-axis and the population value on the x-axis. The visualization is built with D3 v5, using `select` to target the SVG, `csv` to load data, `scaleLinear` and `scaleBand` for axes, and `axisLeft` and `axisBottom` to render them. The bars are drawn as SVG rectangles, and the data is scaled by a factor of one thousand.

UUtkarsha Kapoor
96% match
Loading thumbnail…

Making A Bar Chart

This bar chart displays the population of the ten most populous countries, using 2019 estimates from the United Nations World Population Prospects. The visualization encodes population on the horizontal axis with a linear scale and country names on the vertical axis using a band scale. It is rendered as SVG, with axes generated via `axisLeft` and `axisBottom`, and bars drawn as rectangles whose widths map to the population values. The data is loaded asynchronously from an external CSV file using `d3.csv`.

EecoBela
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 encodes country names on the y-axis with d3.scaleBand and population values on the x-axis with d3.scaleLinear, rendering rectangular bars as SVG elements. The code loads data from a CSV file, converts populations to absolute numbers, and generates axes using d3.axisLeft and d3.axisBottom. Bars are filled with a steelblue color via CSS, and the chart includes margins for clear label placement.

Yyejichun@naver.com
95% match
Loading thumbnail…

Making a Bar Chart

This example shows a bar chart of the top 10 most populous countries using 2018 population estimates from the United Nations World Population Prospects. The visualization uses D3 v5 to load CSV data, scale linearly for the x-axis population values, and scale band for the y-axis country categories. The SVG rendering includes axis labels via axisBottom and axisLeft, with rectangular bars filled in steelblue. Data preprocessing multiplies the population values by 1000 to reflect actual counts.

Rrblue36
95% match