Skip to main content
SimilarExport ZIP
100%

Scatter plot!

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

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.

AI-generated description

This scatter plot 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
85% match
Loading thumbnail…

Making a Bar Chart!

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.

Aalbanodossantos
84% 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
83% match
Loading thumbnail…

Scatter Plot

This scatter plot displays population figures for African regions, with countries on the y-axis and population values on the x-axis. The chart uses d3.csv to load the data, d3.scaleLinear for the x-axis, d3.scalePoint for the y-axis, and d3.axisBottom and d3.axisLeft to render grid lines. Circles are appended to an SVG with a fixed radius of 20 and fill color from CSS. Axis labels and a title are added manually via appended text elements.

HHelenaShu
81% match
Loading thumbnail…

Temperatura Transboundary River Basin!

This scatter plot displays temperature readings over time for a transboundary river basin, using red semi-transparent circles to reveal data density. It loads CSV data from VizHub, parsing timestamps and numeric temperatures before rendering with D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` APIs. The SVG chart includes gridlines, labeled axes, and a title, with the data sourced from a 2015 Africa Union basin population estimate.

Aalbanodossantos
81% match
Loading thumbnail…

Scatter Plot

This scatter plot displays country populations across Africa, using a point scale for countries on the y-axis and a linear scale for population on the x-axis. The code loads data from a CSV file using `d3.csv`, then renders circles with `d3.scaleLinear` and `d3.scalePoint`. Axes are drawn with `d3.axisLeft` and `d3.axisBottom`, including gridlines and custom labels, while the SVG output is styled via CSS.

HHelenaShu
78% match
Loading thumbnail…

Scatter Plot of African Populations

This scatter plot shows the population of African countries in 2019, with each circle representing a country positioned along a linear population scale and a point scale for country names. Data comes from the United Nations World Population Prospects 2019, with values multiplied by 1,000. The visualization uses d3.csv to load data, d3.scaleLinear for the x-axis, d3.scalePoint for the y-axis, and d3.axisBottom and d3.axisLeft to render the axes, with tick labels formatted using d3.format.

Ggabcoderboi
77% match
Loading thumbnail…

Gráfico de Dispersión

This scatterplot displays the population of African countries, with each dot's horizontal position corresponding to its population value and its vertical position representing the country name. The visualization uses D3.js v5 with an SVG renderer, employing `scaleLinear` for the population axis and `scaleBand` for the categorical country axis. The code generates axis ticks via `axisBottom` and `axisLeft`, and populates the data from a CSV file, scaling the population values by 1000. The chart also includes a rotated axis label and a custom title.

Ggenefedorchenko
75% match