Skip to main content
SimilarExport ZIP
100%

Simple Scatter plot

✓ Published0🌍 Public
Ss-pranathi
Last edited Mar 28, 2022
Created on Mar 4, 2022
Forked from Simple bar chart

A simple scatter plot displays the Iris dataset, mapping petal width on the x-axis against sepal length on the y-axis. Purple semi-transparent circles represent individual data points, with axes labeled "Sepal Length" and "Petal Length." The visualization is built with D3 v5, using `scaleLinear`, `axisLeft`, and `axisBottom` to construct the scales and axes, and SVG circles for rendering. Data is loaded as CSV from a GitHub gist and parsed with D3's `csv` method.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis against sepal length on the y-axis. Using D3 v7, it loads CSV data via `d3.csv`, applies linear scales with `scaleLinear`, and renders circles as marks. Axes are drawn with `axisLeft` and `axisBottom`, and the SVG canvas fills the browser window. The code explicitly parses numeric fields and converts data values into pixel coordinates for each point.

SScott-Collier
92% match
Loading thumbnail…

Basic Scatter Plot

This basic scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis with a circle per sample. The chart uses D3 v4’s `scaleLinear`, `axisBottom`, and `axisLeft` to construct axes with grid lines, while `d3.csv` loads the data and parses numeric fields. Points are appended as SVG circles, positioned via the scales, with margins and rotated axis labels styled through SVG text elements.

SShivaKarpe
92% match
Loading thumbnail…

Basic Scatter Plot

This scatter plot visualizes the Iris dataset, plotting sepal length against petal length for 150 flowers. The code uses D3 v4 to create SVG circles, with axes customized via `d3.axisBottom` and `d3.axisLeft`, including negative tick sizes and padding. Data is loaded from a CSV file and parsed with a row function that converts measurements to numbers. Linear scales map the data domains to the plot dimensions, with a margin-based layout for the chart area.

CCurran Kelleher
92% match
Loading thumbnail…

Basic Scatter Plot

This scatter plot visualizes the Iris dataset, plotting sepal length against petal length for 150 iris flowers. The code uses D3 v4 to create an SVG visualization, employing `d3.scaleLinear` for both axes and `d3.axisBottom` and `d3.axisLeft` to render the axes. The data is loaded from a CSV file using `d3.csv`. Each flower is represented as a circle, with its position determined by the scaled values of the two measured dimensions.

CCurran Kelleher
91% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris Dataset, comparing petal length against sepal length for individual flowers. Built with D3 v6, the SVG rendering uses `scaleLinear` to map data extents to pixel coordinates, with `axisLeft` and `axisBottom` generating labeled axes. Circles are joined to the data via `selectAll().data().join()`, while margins and full-window dimensions position the chart. The code asynchronously loads the comma-separated values using `csv` and parses numeric fields before plotting.

Vvidhyanamini
91% match
Loading thumbnail…

Scatter Plot Simple

This scatter plot visualizes the Iris Dataset by mapping sepal length to the x-axis and petal length to the y-axis, with each flower sample represented as a large circle. The visualization deliberately omits axes, focusing purely on the distribution of points across three species. Built with D3 v7, the code uses `scaleLinear` and `extent` to compute scales from the data, then binds circles via `selectAll`, `data`, and `join`. The plot fills the browser window, with data loaded from a CSV file and parsed using `csvParse`.

LLauren
91% match
Loading thumbnail…

D3 Scatter Plot

This D3 v6 scatter plot visualizes the Iris Dataset, plotting petal length against sepal length for individual flower specimens. It uses the `csv()` loader to fetch data, `scaleLinear()` with `extent()` for scaling, and `axisLeft()` and `axisBottom()` to render axes. The SVG canvas fills the browser window, and circles are drawn with a fixed radius using the `join('circle')` operation. The sample displays all data points as a simple 2D projection, enabling pattern recognition in the measurements across the dataset's species.

YYash_Mistry
91% match
Loading thumbnail…

Iris Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis against sepal length on the y-axis for each flower sample. The code loads the CSV data using d3.csv, parses numeric fields, and scales the values with d3.scaleLinear and d3.extent. Circles mark each data point in an SVG rendered at full viewport size. Axes are added with d3.axisLeft and d3.axisBottom, while custom text labels for "Petal Length" and "Sepal Length" are positioned using SVG transforms. The example uses D3 v6 and a margin-based layout for the plot.

LLakshmiVandanaNunna
91% match