IRIS scatterplot and regression

100%

IRIS scatterplot and regression

✓ Published0🌍 Public

Last edited Feb 1, 2018

Created on Jan 26, 2018

This interactive scatterplot visualizes the classic Iris dataset, plotting petal length against petal width for three flower species. Each species is encoded with a distinct color and symbol (square, diamond, or star) based on the `d3.symbol` API, with point size scaled by sepal length. A linear regression line, calculated via ordinary least squares, shows the overall trend. Clicking the legend dims non-selected species, and hovering reveals a tooltip. The visualization is built with D3 v4, renders as SVG, and loads data from a GitHub-hosted CSV file.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Iris_scatterplot_petal

This scatterplot visualizes the classic Iris dataset, plotting petal length on the x-axis against petal width on the y-axis. Each of the three Iris species is encoded with a distinct shape and color: setosa as circles, versicolor as red rectangles, and virginica as default rectangles. Hovering over a data point reveals a tooltip displaying the species name. The visualization uses D3 v4 with SVG rendering and includes animated interactions, axis labels, and a legend implied by the shape-color mapping.

DDjokovalle

90% match

Loading thumbnail…

Iris scatter plot

This scatter plot visualizes the classic Iris dataset, plotting petal width against petal length for 150 flowers. Each point is a colored circle representing one of three species (setosa, versicolor, virginica), with colors assigned using D3's category-10 ordinal scale. The chart is rendered in SVG, with axes and labels for petal width and length, and a legend identifying species colors. The data is loaded from a CSV and mapped to positions using linear scales.

AAntoineDiers

90% match

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the classic Iris dataset, displaying the relationship between two user-selected attributes (sepal length, sepal width, petal length, or petal width) for three iris species. Circles represent individual flowers, color-coded by species, with dropdown menus allowing selection of which measurements appear on the x-axis and y-axis. Built with D3 v5, the visualization uses d3.csv, d3.scaleLinear, d3.scaleOrdinal, d3.axisLeft, and d3.axisBottom to render the SVG chart, complete with gridlines, axis labels, and a legend.

Cchungmin-yu

90% match

Loading thumbnail…

Scatterplot of iris.csv

A dark-themed scatterplot visualizes the classic Iris dataset, plotting petal width against petal length. Each of the 150 points is colored by species—setosa in blue, versicolor in green, and virginica in red—with white strokes for contrast. Hovering over a point enlarges its stroke and displays a temporary tooltip with its coordinates. The visualization is built with D3 v4, using `d3.scaleLinear` for the x- and y-axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and SVG circles with mouse event handlers. The code also attempts to calculate a linear regression line, though the final path is not rendered correctly.

BBaptisteL54

90% match

Loading thumbnail…

Iris Dataset Scatter Plot

This interactive scatter plot visualizes the Iris dataset, plotting petal length against petal width for individual flowers. Data points are color-coded by species—blue for setosa, red for versicolor, and black for virginica—allowing immediate comparison of species clusters. The visualization loads CSV data using d3.csv, and employs d3.scaleLinear and d3.extent to map the data to screen coordinates, with d3.axisLeft and d3.axisBottom rendering labeled axes. Circles are drawn as SVG elements with d3.selectAll and .join, while the chart also encodes sepal measurements as additional attributes (rx, ry) on each marker.

Ppravalliyaram

90% match

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot displays the classic Iris dataset, showing measurements of sepal length, sepal width, petal length, and petal width for three species of iris flowers. Users can change the variables plotted on the x- and y-axes via dropdown menus, with each species colored differently using `d3.scaleOrdinal` and `d3.schemeCategory10`. The visualization uses D3 v5 with SVG rendering, employing `d3.axisBottom` and `d3.axisLeft` for axes, `d3.scaleLinear` for positioning, and `d3.extent` to set the scale domains.

WWei-Che Chang

90% match

Loading thumbnail…

Iris Scatter Plot

This scatter plot displays the classic Iris dataset, with each point representing a flower and colored by its species (setosa, versicolor, or virginica). The visualization uses D3 v5 to render an SVG, allowing users to dynamically select which measurements (sepal or petal length/width) appear on the x- and y-axes via dropdown menus. The code builds linear scales with `d3.scaleLinear`, generates axes with `d3.axisBottom` and `d3.axisLeft`, and adds a color legend using `d3.legendColor`. Circles are styled with an ordinal color scale, and grid lines are rendered through tick sizes.

Wwinniepooh520

90% match

Loading thumbnail…

Scatter Plot of Iris

This interactive scatter plot visualizes the classic Iris dataset, showing measurements of sepal length, sepal width, petal length, and petal width for three species of iris flowers. Users can dynamically select which measurement appears on the x-axis and y-axis using dropdown menus, with each species color-coded via a categorical ordinal scale. Built with D3 v5, the visualization uses `scaleLinear` for the axes, `axisBottom` and `axisLeft` for tick marks, and SVG circles for data points. The plot includes labeled axes and a title, with data loaded from a CSV file using `d3.csv`.

Eevonne0930.cs11@nycu.edu.tw

90% match