Gráfico de Dispersión

100%

Gráfico de Dispersión

✓ Published2🌍 Public

Last edited May 10, 2021

Created on May 10, 2020

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

This scatter plot displays the population of the nine most populous countries, with each circle positioned along a linear x-axis for population and a point scale y-axis for country names. The visualization uses D3 v6 APIs including `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom`, with circles rendered as SVG elements. Data comes from a CSV file and is formatted with tick labels using the `.3s` format specifier, converting values like billions to a readable scale. Grid lines are created through negative tick sizes, and the chart includes custom axis labels and a title.

JJoachim Klug

83% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the populations of nine countries from a CSV file, with country names on the y-axis and population on the x-axis. Built with D3 v5, it loads the data via `d3.csv` and uses `scaleLinear` and `scalePoint` to map values to SVG coordinates. The chart includes axes from `axisLeft` and `axisBottom`, grid lines, and a title, while circles are rendered with a fixed radius of 18 pixels. The styling is applied through external CSS, and the visualization updates dynamically after parsing the data.

SSophia Murage

82% match

Loading thumbnail…

Scatter Plot

A scatter plot displays population sizes for the ten most populous countries, with each circle positioned along a categorical y-axis for country names and a quantitative x-axis for population. The visualization uses D3 v7, building SVG output with scales from `scaleLinear` and `scalePoint`, axes via `axisBottom` and `axisLeft`, and formatting using `format`. Data loads from a CSV file, converting population values to thousands and rendering labeled, grid-lined axes.

Aadelgrosso

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

82% match

Loading thumbnail…

Scatter plot

A scatter plot visualizes the population of ten countries, using horizontal bars to represent each nation's total population. The data is loaded from a CSV file and rendered as SVG rectangles whose widths are scaled proportionally to population values. Built with D3 v5, the example employs `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the chart, while manual DOM selection and appending via `select` and `append` manage the SVG elements.

LLonwabo11

82% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the population of eight countries, with each circle positioned along a horizontal axis scaled by population and a vertical axis listing country names. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render SVG circles and labeled axes. Data from a CSV file is parsed, with population values multiplied by 1000, and formatted using a custom tick formatter that converts abbreviations to billions. The chart includes gridlines, axis labels, and a title, all styled via external CSS.

BBKirst3

81% match