Skip to main content
SimilarExport ZIP
100%

Making a Bar Chart

✓ Published0🌍 Public
Ddev-ignacio-h
Last edited May 5, 2020
Created on Apr 23, 2020

This example shows the population of the top ten most populous countries using a horizontal bar chart, with data sourced from the 2017 World Population Prospects. The visualization uses D3 v5 with an SVG rendering approach, employing `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisLeft` and `d3.axisBottom` to display the country names and population counts. Data is loaded asynchronously via `d3.csv`.

AI-generated description

This bar chart shows population of the top ten most populous contries. The data comes from the year 2018 estimate in World Population Prospects 2017.

Activity carried out in the Curran Kelleher ourse en Making a Bar Chart with D3.js and SVG [Reloaded].

MIT Licensed

Similar vizzes

Loading thumbnail…

Making a Bar Chart

This example shows a bar chart of the top 10 most populous countries, based on 2019 estimates from World Population Prospects. The chart uses a vertical layout with country names on the y-axis and population values on the x-axis. The code builds the visualization with D3 v5, using `d3.scaleLinear`, `d3.scaleBand`, `d3.axisLeft`, and `d3.axisBottom` to render an SVG. Population data is loaded as CSV and scaled to thousands; bars are drawn as `rect` elements with a steelblue fill.

GGeolffrey S Mena
95% match
Loading thumbnail…

Making a Bar Chart

This example visualizes the population of the top 10 most populous countries using a horizontal bar chart, based on 2018 estimates from the United Nations World Population Prospects. The chart uses D3 v6 with SVG rendering, employing `scaleLinear` and `scaleBand` for the x and y scales, respectively, and customizing the axes with `axisLeft` and `axisBottom`. Data is loaded from a CSV file via `d3.csv`, with population values converted from thousands to absolute numbers before rendering.

Yyycgrace
95% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, based on 2018 estimates from World Population Prospects 2017. The visualization uses d3.scaleLinear and d3.scaleBand to map population values and country names to positions, with axes rendered via d3.axisLeft and d3.axisBottom. Population values are loaded from a CSV file using d3.csv and formatted with d3.format. The chart is drawn as SVG rectangles inside a fixed-width container, with a custom title and axis label included.

Oovalli
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 World Population Prospects 2017. The chart renders horizontal bars with d3.scaleLinear and d3.scaleBand, and axes via d3.axisLeft and d3.axisBottom in an SVG. Data is loaded from a CSV with d3.csv.

Iilsan142
94% match
Loading thumbnail…

Making a bar chart

This example visualizes the population of the top ten most populous countries in 2017 using a horizontal bar chart. The chart maps country names to the y-axis with a band scale and population values to the x-axis via a linear scale, with bars rendered as SVG rectangles. It uses D3 v7 modules including `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`, and formats axis tick labels with `format('.3s')` to display values in billions. The data, from World Population Prospects 2017, is loaded from a local CSV file where population figures are multiplied by 1000.

Ppml31780
94% match
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 World Population Prospects 2017. The visualization uses an SVG rendering with D3 v5, employing `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the y-axis, along with `d3.axisLeft` and `d3.axisBottom` to render the axes. Data is loaded from a CSV file using `d3.csv` and displayed as steel-blue rectangles.

MMichał Szumnarski
94% match
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 World Population Prospects 2017. The visualization uses an SVG rendering with D3 v5, employing `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the y-axis, along with `d3.axisLeft` and `d3.axisBottom` to render the axes. Data is loaded from a CSV file using `d3.csv` and displayed as steel-blue rectangles.

MMichał Szumnarski
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 2017. The visualization maps population values to horizontal bar widths using `d3.scaleLinear`, while country names are positioned on a categorical `d3.scaleBand` axis. The chart renders as SVG, with axes created via `d3.axisLeft` and `d3.axisBottom`, and data loaded from a CSV file using `d3.csv`.

DDaniel Piqué
94% match