Skip to main content
SimilarExport ZIP
100%

Scatterplot

✓ Published0🌍 Public
Wwoznicak
Last edited Aug 13, 2020
Created on Aug 12, 2020
Forked from Making a Bar Chart

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.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.

MIT Licensed

Similar vizzes

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

Scatter Plot of Country Populations from CSV file

This example displays a scatter plot of country populations from a CSV file, with each circle positioned along a point scale for countries and a linear scale for population values. The visualization includes labeled axes, grid lines, and a formatted x-axis that abbreviates large numbers. Using D3 v5, the code loads data with `d3.csv`, scales it with `d3.scaleLinear` and `d3.scalePoint`, and renders the chart as SVG elements including axes and circles.

Fframptonb
89% 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
89% 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.

陳陳泰元
88% 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
88% 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
88% match
Loading thumbnail…

Scatter Plot

A scatter plot displays the populations of the ten most populous countries, with circles 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`, reading data from a CSV file. Population values are multiplied by 1000, formatted with ticks using `format('.3s')`, and rendered as steelblue circles in an SVG. Grid lines extend across the plot, with axes labels and a title.

SSamuel Elbaz
87% match
Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the top ten most populous countries using circles positioned along a linear x-axis (population count) and a point-based y-axis (country names). The visualization is rendered as SVG using D3 v5, with axes generated via axisBottom and axisLeft, while scaleLinear and scalePoint map the data values. Population values are loaded from a CSV file and multiplied by 1000, with tick labels formatted using D3’s format function to abbreviate large numbers (e.g., ’1.4B’).

SSam Lite
87% match