Gráfico de Dispersión

100%

Gráfico de Dispersión

✓ Published0🌍 Public

Last edited May 10, 2020

Created on May 10, 2020

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Gráfico de Dispersión

A scatterplot displays population figures for nine African countries, with each country positioned along the y-axis and its population along the x-axis. D3.js renders circular marks onto an SVG canvas, using `scaleLinear` for the quantitative axis and `scalePoint` for the categorical country labels. Grid lines extend from both axes, and formatted tick labels abbreviate large numbers using `format('.2s')`. The data is loaded from a CSV file and multiplied by 1000 before visualization.

Jjeronimoek

91% 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

86% 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

82% 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

81% 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

81% match

Loading thumbnail…

Scatter plot

A scatter plot displays the population of ten countries using horizontal bars positioned along a linear scale, with country names on a band scale. The visualization loads population data from a CSV file and renders it as an SVG using D3.js v5. The code employs `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the chart, transforming raw population values by multiplying them by 1,000. Bar widths correspond to population totals, while the y-axis lists each country in descending order.

LLonwabo11

81% match

Loading thumbnail…

Scatter plot

This bar chart visualizes the populations of ten countries, with horizontal bars extending from a shared origin to represent each country's population value. The chart uses D3.js v5 to load CSV data, scale the population values by 1000, and render the visualization as SVG rectangles. The code utilizes `scaleLinear` for the x-axis, `scaleBand` for the y-axis categories, and the `axisBottom` and `axisLeft` functions to generate the axes.

LLonwabo11

81% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries, with each circle positioned along a linear scale for population and a point scale for country names. The visualization loads data from a CSV file, multiplies the population values by 1,000, and renders an SVG using D3 v7. It employs `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom`, with gridlines and custom tick formatting that abbreviates large numbers (e.g., 1.4B). The chart includes labeled axes and a title, styled via external CSS.

Wwisam-ahmed

80% match