Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published1🌍 Public
Nnkohdatavis
Last edited Jul 23, 2020
Created on Jul 22, 2020
Forked from Customizaing Axes

This scatter plot displays the population sizes of the ten most populous countries, with each circle positioned along a categorical y-axis and a linear x-axis scaled in billions. The visualization uses D3 v5’s `select`, `csv`, `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` APIs to render an SVG graphic. Data from `data.csv` is loaded asynchronously, with population values multiplied by 1000 before being mapped to the chart’s coordinates.

AI-generated description
MIT Licensed

Similar vizzes

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
95% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the populations of the ten most populous countries, with each circle positioned along a categorical y-axis and a linear x-axis. The visualization uses D3 v6 with SVG rendering, employing `scaleLinear` and `scalePoint` for scaling, along with `axisLeft` and `axisBottom` to generate axes. Population data is loaded from a CSV file and converted to absolute numbers, while custom tick formatting abbreviates large values. The chart includes a title and axis labels, with gridlines created via tick sizes.

WWayne716
95% match
Loading thumbnail…

Scatter plot

This scatter plot displays the population of the ten most populous countries, with each circle’s horizontal position and vertical alignment corresponding to population size and country name. The visualization uses D3 v5’s `scaleLinear` and `scalePoint` to map data, with `axisBottom` and `axisLeft` for axes. Population values are preprocessed by multiplying the CSV data by 1,000 before rendering in SVG. The chart includes a formatted x-axis and labeled title.

XX. N. Chu
95% match
Loading thumbnail…

Scatterplot

This scatterplot displays the populations of the ten most populous countries, with circles arranged along a y-axis ordered by country name and an x-axis scaled by population size. The visualization uses D3 v5’s `scaleLinear` for population values, `scalePoint` for country positions, and `axisLeft` with `axisBottom` to render axes. Data loads from a CSV via `csv`, and the SVG circles are appended with fixed radii, while tick labels use the `format` function to abbreviate large numbers.

Ccornshoots
95% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the ten most populous countries, with each country positioned along the vertical axis and its population on the horizontal axis. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis, `scalePoint` for the y-axis, and `axisBottom` and `axisLeft` to generate the gridlines and ticks. Data is loaded from a CSV file, and population values are formatted with the `format` API to abbreviate large numbers. The circles are uniformly styled with steelblue fills.

GGino Dzin
95% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the ten most populous countries, with each circle positioned along the y-axis by country and the x-axis by population value. It uses d3.csv to load the data, then d3.scaleLinear and d3.scalePoint to map population and country names to positions. The visualization includes axes with tick marks, a title, and uses SVG rendering with circles styled via CSS. Data is formatted using d3.format, and axes are created with d3.axisLeft and d3.axisBottom.

Pparkypoo
94% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the ten most populous countries, with each circle positioned along a horizontal linear scale for population and a vertical point scale for country names. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to construct the axes. Population values are parsed from a CSV file and formatted with tick labels using `format('.3s')`, while gridlines are drawn via tick sizes.

1123fischer
94% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the populations of the ten most populous countries, with each country positioned along the y-axis and its population on the x-axis. The visualization uses d3.csv to load the data, then applies d3.scaleLinear for the population axis and d3.scalePoint for the categorical country axis. D3’s axisBottom and axisLeft generate the gridlines and tick labels, with custom tick formatting converting values to abbreviated units. The chart renders as SVG circles styled with steelblue fill, and includes a title and axis label.

KKazushige Okuma
94% match