Scatterplot

100%

✓ Published1🌍 Public

Last edited Dec 14, 2022

Created on Dec 14, 2022

This scatterplot displays the populations of six cities, with circles positioned along a point scale for city names and a linear scale for population values. The visualization uses D3 v7’s `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` to render an SVG chart with gridlines and labeled axes. Population data is loaded from a CSV file via `d3.csv`, and tick labels are formatted using `d3.format` to abbreviate large numbers. The circles are styled with a steelblue fill, and the chart includes a descriptive title.

AI-generated description

This bar chart shows the populations of the best global cities! - Shea Gazette

MIT Licensed

Similar vizzes

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

87% match

Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the twelve most populous countries, with each circle’s horizontal position and size reflecting its population value and the vertical axis listing country names. The chart uses D3.js v5 APIs including `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` to render an SVG with grid lines, a titled x-axis labeled “Population,” and a headline. Data is loaded from a CSV file via the `csv` function and formatted with `format`, while the static circle styling uses a steelblue fill.

Ddanielchamone

85% match

Loading thumbnail…

Scatter plot

This scatter plot displays population counts for six Dutch cities, with country names on the y-axis and population on the x-axis. The visualization uses D3 v5 with an SVG rendering approach, employing `d3.scaleLinear` for the x-scale, `d3.scalePoint` for the y-scale, and `d3.axisLeft` and `d3.axisBottom` for the axes. The code loads data from a CSV file using `d3.csv` and applies custom number formatting with `d3.format`. Styled circles represent each data point, with axis labels and a title added to the chart.

NNathan Neelis

85% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the populations of ten countries, with each circle positioned along a linear population scale and a point scale for country names. The visualization reads population data from a CSV file, converts the values from thousands to absolute numbers, and renders the chart as an SVG. Using D3 v7, the code applies `scaleLinear` and `scalePoint` for axes, `axisBottom` and `axisLeft` for ticks, and `csv` for data loading. The chart includes formatted tick labels, gridlines, and a title, with circles colored steelblue.

陳陳泰元

85% match

Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the top 10 most populous countries, with each circle’s horizontal position scaled by population and vertical position by country name. Built with D3 v6, it uses `scaleLinear` for the x-axis, `scalePoint` for the y-axis, and `axisBottom`/`axisLeft` for ticks. The SVG circles are colored steelblue, with an axis label and title. Data comes from a CSV file, with population values multiplied by 1,000.

HHe Jianfeng

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

84% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the populations of the top 10 most populous countries, with each circle positioned along a point scale for country names and a linear scale for population values. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to construct the chart. Population data is loaded from a CSV file, and axis tick labels are formatted using `format` with abbreviations like "B" for billions. The chart includes grid lines, an axis label, and a title, with circles styled in steelblue.

Kkkwyoung

84% match

Loading thumbnail…

Scatter Plot

This scatter plot displays population data for ten countries, with each country positioned along the y-axis and its population plotted on the x-axis using a linear scale. The visualization uses D3 v6 with SVG rendering, employing `d3.scaleLinear` and `d3.scalePoint` for axes, while `d3.axisLeft` and `d3.axisBottom` generate ticks with a custom number formatter that converts large values to billions. Data comes from a CSV file showing 2018 population figures, which are multiplied by 1000 during processing. The chart includes a title, axis labels, and a steel-blue circle for each country.

CChristine Lanser

84% match