Skip to main content
Log in
R

RJAuer1

@RJAuer1·2 public vizzes

Loading thumbnail…

Making a Bar Chart

This bar chart displays the top 10 most populous countries in 2018, with population values from the United Nations World Population Prospects 2017 estimate. Each rectangle’s length encodes the population in thousands, while country names are listed on the vertical axis. The visualization uses D3 v5 with the `scaleLinear` and `scaleBand` functions to map data, and renders axes via `axisLeft` and `axisBottom`. The chart is drawn as SVG elements, with data loaded from a CSV file.

May 7, 2019
Loading thumbnail…

Making a Bar Chart

This bar chart displays the populations of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The SVG visualization uses d3.csv to load the data, d3.scaleLinear for the x-axis and d3.scaleBand for the y-axis, with d3.axisLeft and d3.axisBottom rendering the axes. Rectangles are bound to the data via d3.selectAll and .enter().append, with widths mapped to population values; the fill color is set to steelblue via CSS. The data values are multiplied by 1000 after loading to reflect actual population counts.

May 7, 2019