Scatter plot

100%

Scatter plot - iris data set - axis

✓ Published1🌍 Public

Last edited May 18, 2021

Created on May 18, 2021

This scatter plot visualizes the classic iris dataset, mapping sepal length on the x-axis and sepal width on the y-axis. Each circle represents an individual flower, with a fixed radius and semi-transparency to reveal overlapping points. The visualization is built with D3 v6, using `d3.csv` to load the data, `d3.scaleLinear` and `d3.extent` for scaling, and `d3.axisBottom` for the x-axis. The SVG rendering is responsive to the window size, with margins applied to the plot area.

AI-generated description

Basic scatter plot using iris data set

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter plot - iris data set - axis

This scatter plot visualizes the Iris dataset, mapping sepal length and sepal width for individual flowers, with species distinguished by color (red, green, blue). The D3 v6 code uses `scaleLinear` for axes, `axisBottom` and `axisLeft` for tick marks, and `scaleOrdinal` for categorical coloring. Data is loaded via `csv` from a remote URL, and the SVG rendering includes labeled axes and gridlines styled with white strokes.

NNita

94% match

Loading thumbnail…

This scatter plot visualizes the Iris Dataset, displaying sepal length on the x-axis and sepal width on the y-axis, with each point colored by species (Iris-setosa, Iris-versicolor, or Iris-virginica). The visualization uses D3 v6 to load CSV data, apply linear scales via `d3.scaleLinear`, and render circles in an SVG. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, and additional petal length and width values determine each circle’s radius properties. The plot fills the browser window, with styled tick labels and axis text.

DDineshK2602

93% match

Loading thumbnail…

Iris data scattor plot

This scatter plot visualizes the classic Iris dataset, displaying sepal length on the x-axis and sepal width on the y-axis for 150 flower samples. Each circle represents an individual iris, rendered with an opacity of 0.5 using D3’s `scaleLinear` and `extent` to map data values to screen coordinates within a fixed margin. The visualization loads CSV data via `d3.csv`, converts numeric fields, and appends SVG circles to the document body, filling the full window size with a 10-pixel radius per point.

NNita

92% match

Loading thumbnail…

Scatter plot

This scatter plot visualizes the Iris dataset, comparing sepal length and sepal width across 150 individual flowers. Each circle represents one sample, with its position determined by these two measured attributes while a green, semi-transparent fill makes overlapping points visible. The visualization is built using D3 v6, loaded via UNPKG, and rendered as SVG. Code imports functions like `scaleLinear`, `axisLeft`, and `axisBottom` from the D3 module to construct the axes and scales. Data is loaded from a local CSV file using D3’s `csv` method.

Wwei

92% match

Loading thumbnail…

Scatter plot for iris data set

This visualization displays the classic Iris dataset as a scatter plot, mapping petal length on the x-axis and sepal length on the y-axis. Each point represents an individual flower, colored by species (setosa, versicolor, or virginica) using a custom marker function. The code loads data via `d3.csv` from a GitHub gist, parses numeric fields, and renders circles with `d3.selectAll` and `.join()`. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, while `d3.scaleLinear` and `d3.extent` set the scales to the data domain.

Aachalasam

92% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between sepal length and petal width in the classic Iris dataset, which is loaded as CSV. The code uses D3 v7 scaleLinear and extent functions to map data to x and y pixel coordinates, and renders marks as SVG circles with an indigo fill. Axes are generated using axisBottom, axisLeft, and tick styling from Chivo Mono font, placed within a full-viewport SVG.

Wwaseemmedhat

91% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris dataset, mapping sepal length and sepal width for individual flowers. It uses D3 v7’s `csv` loader to parse the data, `scaleLinear` for x and y axes, and SVG `circle` elements for points. Axes are drawn with `axisLeft` and `axisBottom`, while hover effects change circle color to red via CSS.

WWRCIECH

91% match

Loading thumbnail…

Scatter Fun

This scatter plot displays the Iris dataset, mapping sepal length and sepal width onto a full-window SVG canvas. Each flower is rendered as a circle with a fixed radius of five pixels. The visualization loads the data from a remote CSV file using `d3.csv` and parses numeric fields. It applies `d3.scaleLinear` to compute the x and y scales, and `d3.axisLeft` and `d3.axisBottom` to draw the corresponding axes. The plot fills the entire viewport, with margins applied for axis placement.

Jjabowen2020@gmail.com

91% match