Make a BarChart

Making a bar chart

A horizontal bar chart displays the populations of the ten most populous countries using 2018 estimates from the World Population Prospects 2017 dataset. The chart uses D3 v5’s `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to load data and render SVG axes and rectangles. Population values are converted from thousands and scaled to bar widths, with country names positioned on the y-axis.

CConnor Bailey

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

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 uses a horizontal layout, with the population scale set as a `scaleLinear` and country names mapped to a `scaleBand`. The chart is rendered as SVG. The code leverages D3’s `axisLeft` and `axisBottom` to create the axes, and the `rect` elements are styled with a green fill via CSS. Data is loaded from a CSV file with the `csv` function.

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 uses a horizontal layout, with the population scale set as a `scaleLinear` and country names mapped to a `scaleBand`. The chart is rendered as SVG. The code leverages D3’s `axisLeft` and `axisBottom` to create the axes, and the `rect` elements are styled with a green fill via CSS. Data is loaded from a CSV file with the `csv` function.

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 uses a horizontal layout, with the population scale set as a `scaleLinear` and country names mapped to a `scaleBand`. The chart is rendered as SVG. The code leverages D3’s `axisLeft` and `axisBottom` to create the axes, and the `rect` elements are styled with a green fill via CSS. Data is loaded from a CSV file with the `csv` function.

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 uses a horizontal layout, with the population scale set as a `scaleLinear` and country names mapped to a `scaleBand`. The chart is rendered as SVG. The code leverages D3’s `axisLeft` and `axisBottom` to create the axes, and the `rect` elements are styled with a green fill via CSS. Data is loaded from a CSV file with the `csv` function.