Scatterplot of Iris

100%

Scatterplot of Iris

✓ Published0🌍 Public

Last edited Jan 23, 2018

Created on Jan 23, 2018

This scatterplot visualizes the relationship between petal length and petal width for 150 iris flowers, with a computed linear regression line overlaid to suggest the trend. The chart uses a simple SVG canvas with axes and labels generated via d3.axisBottom and d3.axisLeft. Data is loaded from the iris.csv file, and the regression line is created by manually calculating the least-squares coefficients and drawn as a dashed path using d3.line. The visualization is built with D3 v4 and includes hover tooltips for enhanced interactivity.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

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 scatterplot and regression

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.

OOumaimaFassi

89% match

Loading thumbnail…

Iris Scatterplot

This scatterplot displays the classic Iris dataset, plotting the petal length for each of the 150 samples in sequence. Despite its title, the visualization renders the data as a simple linear strip of text labels rather than a traditional two-dimensional scatterplot. The code uses D3 v4 to load the CSV file via `d3.csv` and attempts to append text elements to an SVG canvas, positioning each value horizontally by index. The visualization is built with D3's DOM manipulation API, though the implementation is incomplete and does not produce a fully functional scatterplot.

RRaphAllier

89% match

Loading thumbnail…

ScatterPlot + Regression Line applied on iris

This D3.js v4 visualization applies a linear regression model to the classic Iris dataset, plotting petal length against petal width. It uses distinct SVG symbols (triangle, wye, and star) to represent the three iris species, with color encoding from `d3.scaleOrdinal` and `d3.schemeCategory20`. The regression line is computed manually and drawn using `d3.line`, and the equation is displayed in the HTML. Interactive tooltips show data values on hover. The chart includes labeled axes and a legend.

MMariamArabi

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

88% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris Dataset, showing the relationship between sepal length and petal length for 150 flowers across three species. The visualization uses D3 v7 to render circles on an SVG canvas, with axes created using the imported axis functions. The code employs d3.scaleLinear for both x and y axes, and d3.extent to determine the data domains. Data is loaded asynchronously via fetch and parsed with d3.csvParse, converting string values to numbers for accurate positioning.

LLauren

88% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the relationship between petal length and sepal width in the Iris flower dataset. The visualization loads CSV data from a GitHub gist using d3.csv, then maps each observation to a circle positioned by linear scales. The code builds axes as React components with SVG, using d3.scaleLinear to compute domains and ranges, and formats tick labels with d3.format. Tooltips appear on hover through SVG title elements.

JJohn Huang

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

88% match