Skip to main content
100%

Iris Scatterplot

✓ Published0🌍 Public
VValentinCrr
Last edited Jan 24, 2018
Created on Jan 24, 2018

This scatterplot visualizes the Iris dataset, plotting petal width against petal length. Data points are color-coded and shape-coded by species using an ordinal scale, and the chart includes axis labels, gridlines, and a red dashed regression line. Built with D3 v4 and rendered as SVG, it uses a CSV dataset loaded via d3.csv and includes interactive tooltips through d3-tip.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

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

Iris Scatter Plot

This is a D3.js scatter plot that visualizes the Iris dataset, showing petal length against petal width for 150 flowers of three species. Each species is represented by a colored circle, with colors assigned using `d3.scaleOrdinal` (Iris-setosa in dark blue, Iris-versicolor in magenta, and Iris-virginica in light blue). The visualization uses `d3.scaleLinear` for both axes and renders the SVG elements with `axisBottom` and `axisLeft` for labeled tick marks. Data is loaded from a TSV file via `d3.tsv` and parsed before rendering.

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

Iris Dataset Scatter Plot

This example visualizes the Iris Dataset as a scatter plot, mapping petal length and width to the x- and y-axes while coloring each point by species (setosa, versicolor, or virginica) using orange, green, and purple. The SVG rendering is built with D3 v6, using `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct scales and axes. Data is loaded asynchronously via `d3.csv`, with numeric fields parsed on input, and the chart includes custom axis labels and a title.

AAnanyaSamala
92% match
Loading thumbnail…

Iris Dataset Scatter Plot for data visualization

This D3.js scatter plot visualizes the Iris dataset, mapping petal length and width for each sample while coloring points by species using a custom marker function. The chart displays axes labeled “PETAL LENGTH” and “SEPAL LENGTH” with rotated text, and uses d3.csv to load the data, d3.scaleLinear for scaling, and d3.axisLeft/axisBottom for tick marks. Rendered as SVG, the plot derives dimensions from window.innerWidth and window.innerHeight.

DDanthalakirankumar
92% match
Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris dataset, comparing petal length against sepal length, with each point colored by species (Iris-setosa in blue, Iris-versicolor in red, and Iris-virginica in black). The visualization uses d3.csv to load and parse the data, then applies d3.scaleLinear and extent to map values to pixel coordinates, drawing circles with SVG. Axes are rendered with d3.axisLeft and d3.axisBottom, and labeled text is added via SVG elements. The plot is displayed full-screen in an HTML page using D3 v6.

Ddivyageethanjali
92% match
Loading thumbnail…

Scatter Plot Using Iris Data

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each point colored by species (green, purple, or red). It uses d3.csv to load the data, d3.scaleLinear for axes, and d3.axisLeft and d3.axisBottom to render the scales. Circles are drawn as SVG elements via a data join, with labels for the axes in red and purple. The plot is rendered in vanilla HTML.

MMeghanaArepalli
92% 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
92% match