Scatter Plot

100%

✓ Published1🌍 Public

Last edited Feb 10, 2021

Created on Feb 9, 2021

Forked from Bar chart - SK towns by population density

A scatter plot displays population density for twenty Slovak towns, with each circle representing a town positioned along categorical y-axis and linear x-axis scales. The visualization uses d3.scaleLinear for density values and d3.scalePoint for town names, with axes generated through d3.axisLeft and d3.axisBottom. Data loads from a CSV file using d3.csv, and the SVG rendering applies a steelblue fill to all circles.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Bar chart - SK towns by population density

This horizontal bar chart ranks Slovak towns by population density, from Svit (1760.67) down to Leopoldov (725.13). The visualization uses an SVG rendering with a linear x-scale and banded y-scale to encode the density values. Data is loaded from a CSV file and parsed as numeric values before being passed to the render function. The chart employs D3 v6 APIs including `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to generate the bars and axes.

Kkhuton

79% match

Loading thumbnail…

scatter plot

A scatter plot displays population figures for ten countries, with each circle positioned along a linear population axis and a point scale for country names. The visualization uses D3 v5 APIs including `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft`, rendering SVG circles with a steelblue fill. Data comes from a CSV file, with populations multiplied by 1000 and formatted using `format('.3s')` to show billions. Gridlines extend across the plot, and axis labels are added via appended SVG text elements.

Llinkshady

77% match

Loading thumbnail…

Making a bar chart

A horizontal bar chart ranks Slovak municipalities by their 2019 population, using data from a local CSV file. The chart displays each city district’s name on the y-axis and the population value on the x-axis. Built with d3.v5, it uses `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, rendering rectangular bars with an SVG `rect` element. Axes are generated via `axisLeft` and `axisBottom`, and the bars are styled with a steelblue fill via CSS.

Kkhuton

76% 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.

陳陳泰元

76% match

Loading thumbnail…

Scatterplot

A scatterplot displays country populations as circles, with population values mapped along both x and y axes using linear scales. The visualization loads data from a CSV file, multiplies each population value by 1000, and renders circles sized at a fixed radius. Built with D3 v5, the code uses `select`, `csv`, `scaleLinear`, and `max` to append SVG circles, positioning them by scaling population values against the chart dimensions. No axes or labels are drawn, making the plot purely positional.

Wwoznicak

76% match

Loading thumbnail…

Scatterplot

A scatterplot displays population figures for countries exceeding 100 million inhabitants. The visualization uses a linear scale for population on the x-axis and a point scale for country names on the y-axis, with axis labels and gridlines. It loads data from a CSV file using d3.csv, scales the population values, and renders SVG circles. The code employs d3.scaleLinear, d3.scalePoint, d3.axisLeft, d3.axisBottom, and d3.format for tick labels.

CCarloGato

76% match

Loading thumbnail…

Scatter Plot

Using d3.csv to load population data for ten countries, this scatter plot displays each nation as a circle positioned along a linear x-axis for population and a point scale y-axis for country names. The visualization uses d3.axisBottom and d3.axisLeft with custom tick formatting that abbreviates large numbers, while SVG circles are rendered with a fixed radius. Population values from the CSV are multiplied by 1000, and the chart includes labeled axes and a title.

Bben-chin-43

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

76% match