Skip to main content
SimilarExport ZIP
100%

Simple Bar Chart

✓ Published0🌍 Public
GGabrielle Nyirjesy
Last edited Dec 6, 2021
Created on Dec 3, 2021
Forked from Making a Bar Chart

This SVG bar chart displays the population of the ten most populous countries, based on 2018 estimates from the United Nations' World Population Prospects. The chart uses a horizontal layout, with country names on the y-axis and population values on the x-axis, rendered as steelblue bars. The visualization is built with D3 v5, using `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, with axes labeled via `axisLeft` and `axisBottom`. Data is loaded asynchronously from a CSV file.

AI-generated description

This bar chart shows population of 10 most populos countris.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 displays the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The visualization renders each country as a single steelblue rectangle on an SVG canvas. Built with D3 v5, the code loads data from a CSV file and uses the `d3.scaleBand` and `d3.scaleLinear` APIs to map country names to the x-axis and population values to the y-axis, respectively. The chart is minimal, with no axes or labels, focusing solely on the relative bar heights.

AAlain Jennotte
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 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.

SScubaman911
94% 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
94% match
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
94% 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. It sorts countries along the y-axis with population values on the x-axis, rendered as steelblue bars in an SVG canvas. The visualization is built with D3 v5, employing `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` from the d3 module to construct scales and axes. Data is loaded from a CSV file using `csv` and processed by multiplying population values by 1000.

Ssrrajendran
94% 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
94% match