Skip to main content
SimilarExport ZIP
100%

Making a Bar Chart!

✓ Published1🌍 Public
Aalbanodossantos
Last edited Oct 25, 2019
Created on Oct 24, 2019

This bar chart displays the estimated 2015 populations of four African transboundary basins: Cuvelai, Limpopo, Okavango, and Zambezi, using data from the Africa Union. The visualization uses D3 v5 with an SVG rendering, employing `d3.scaleLinear` for the x-axis population scale and `d3.scaleBand` for the categorical y-axis. Axis labels are generated via `d3.axisLeft` and `d3.axisBottom`, while rectangular bars are appended dynamically to the SVG. The population values are converted from millions to raw numbers before scaling.

AI-generated description

This bar chart shows population of the the four transboundary basin. The data comes from the year 2015 estimate in [Africa Union: Basin Population]

MIT Licensed

Similar vizzes

Loading thumbnail…

Customizing Axes a Bar Chart!

This bar chart displays the estimated 2015 total population of four transboundary river basins in Africa, sourced from an African Union dataset. The D3.js v5 code builds the visualization using `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisBottom` with a custom tick formatter that converts large numbers to billions. Grid lines extend across the chart via negative tick sizes, while the y-axis labels are simplified. The horizontal bars are rendered as SVG `rect` elements with a fixed blue fill.

Aalbanodossantos
88% match
Loading thumbnail…

Scatter plot!

This scatter plot displays the estimated 2015 populations of four transboundary river basins in Africa, based on data from the Africa Union. The x-axis uses a linear scale for population values with tick labels formatted in billions, while the y-axis uses a point scale for basin names. Implemented with D3 v5, the visualization renders SVG circles, axes, and labels using `d3.scaleLinear`, `d3.scalePoint`, `d3.axisBottom`, and `d3.axisLeft`. Grid lines extend across the plot, and the data is loaded from a CSV file.

Aalbanodossantos
84% match
Loading thumbnail…

Making a bar chart

This horizontal bar chart displays population figures for African regions, using bars scaled by population size. Built with D3 v5, it employs `scaleLinear` for the x-axis, `scaleBand` for the categorical y-axis, and `axisBottom` and `axisLeft` to render axes. Data is loaded from a CSV file via `csv`, and the SVG output is styled with steelblue bars and custom tick labels. The chart includes axis labels and a title, with margins calculated from the SVG’s width and height.

HHelenaShu
80% match
Loading thumbnail…

Bar chart

This bar chart displays the populations of African countries, with each bar’s length proportional to population in thousands. It uses D3 v5’s `csv` loader to parse the data, `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisLeft`/`axisBottom` for ticks, rendering all marks as SVG `<rect>` elements.

Jjeronimoek
80% match
Loading thumbnail…

African Populations

This horizontal bar chart displays the population of African countries in 2019, sorted by country name. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis and `scaleBand` for the y-axis. Population values from the United Nations World Population Prospects are loaded via `csv` and formatted with `format('.3s')`, replacing 'G' with 'B' for billions. The chart includes axis labels, gridlines, and a title, with bars filled in steelblue.

Ggabcoderboi
79% match
Loading thumbnail…

Temperatura Transboundary River Basin Area Chart!

This area chart visualizes the population of transboundary river basins in Africa using 2015 estimates from the African Union Basin Population dataset. The chart displays population over time with a smooth curve, using a maroon filled area beneath the line. It leverages d3.csv for data loading, d3.scaleTime and d3.scaleLinear for axes, and d3.area with curveBasis to generate the SVG path, with formatted tick labels for population values.

Aalbanodossantos
79% match
Loading thumbnail…

Bar chars with d3.js

This bar chart displays the populations of sub-Saharan African countries in 1950, based on data from the United Nations World Population Prospects 2017. Each bar’s length is proportional to population in thousands, with country names listed along the vertical axis. The visualization is rendered as an SVG using d3.v5, leveraging `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisLeft` and `axisBottom` for gridlines. Data is loaded from a CSV file and processed with the `csv` method.

MMuiruriscode
79% match
Loading thumbnail…

Making a bar chart

This example shows a horizontal bar chart of population figures for regions in Africa. It uses D3 v5 to load the CSV data and render SVG rectangles, with a linear scale for population values and a band scale for country names. Axes are generated using `axisLeft` and `axisBottom`, and a margin-based layout positions the chart within the SVG canvas. The bars are styled with a steelblue fill via CSS.

HHelenaShu
78% match