Skip to main content
SimilarExport ZIP
100%

Iris_scatterplot_petal

✓ Published0🌍 Public
DDjokovalle
Last edited Jan 25, 2018
Created on Jan 25, 2018

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.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/Djokovalle/'>Djokovalle</a>'s block: <a href='http://bl.ocks.org/Djokovalle/75fdeb81ca9bbff85add775ee71d8cd1'>Iris_scatterplot_petal</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Iris_scatterplot_petal

This scatterplot visualizes the classic Iris dataset, plotting petal length against petal width for 150 flowers across three species. Built with D3 v4 and rendered as SVG, it distinguishes species using different marks: circles for setosa, squares for versicolor, and squares for virginica, with hover tooltips revealing species names. The axes are labeled and scales are linear, with a sqrt scale defined for point radius (though fixed radii are used for the shapes). Animation is not explicitly implemented in the code beyond the standard D3 transitions on tooltips, but the file is tagged as containing animation. The chart effectively shows clear clustering of the three species based on petal dimensions.

DDjokovalle
95% match
Loading thumbnail…

Iris_scatterplot_petal

This scatterplot visualizes the classic Iris dataset, plotting petal length against petal width for 150 flowers across three species. Built with D3 v4 and rendered as SVG, it distinguishes species using different marks: circles for setosa, squares for versicolor, and squares for virginica, with hover tooltips revealing species names. The axes are labeled and scales are linear, with a sqrt scale defined for point radius (though fixed radii are used for the shapes). Animation is not explicitly implemented in the code beyond the standard D3 transitions on tooltips, but the file is tagged as containing animation. The chart effectively shows clear clustering of the three species based on petal dimensions.

DDjokovalle
95% 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
94% match
Loading thumbnail…

scatterplot_iris

This scatterplot visualizes the classic Iris dataset, mapping sepal length on the x-axis, sepal width on the y-axis, and encoding petal length via the radius of each circle. The chart is rendered as SVG circles using D3 v4, with the x and y axes scaled linearly and the color scale using d3.schemeCategory20 to distinguish the three iris species. Hovering over a point triggers a tooltip that displays the species name. A legend identifies the species by color, and axis labels indicate the measurements plotted.

DDjokovalle
92% 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…

Scatterplot

This scatterplot visualizes the Iris dataset, plotting petal length against petal width for 150 flowers. Each point is colored according to its species (setosa, versicolor, or virginica), revealing clear species clusters. A legend identifies the color mapping. The visualization is built with D3 v5, using `scaleLinear` for axes, `scaleOrdinal` with `schemeCategory10` for colors, and `axisBottom` and `axisLeft` for tick marks. Data is loaded from a local CSV via `csv()`, and the chart is rendered as an SVG.

HHalvorte
92% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica). The visualization uses D3 v7 with the `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `csv` APIs to load and render the data as SVG circles. Axis labels indicate "Petal Length" and "Sepal Length," though the latter appears mislabeled relative to the plotted variables. The chart fills the browser window with margins and styled tick text.

Ffloraho401
92% match
Loading thumbnail…

Iris Dataset Scatter Plot

This interactive scatter plot visualizes the Iris dataset, showing the relationship between petal length and sepal length for three flower species. It uses D3.js v6 (d3.csv, d3.scaleLinear, d3.axisLeft, d3.axisBottom) to load and parse the data, scale the points, and render the SVG circles. Each species is assigned a distinct color: skyblue for setosa, red for versicolor, and green for virginica. The visualization includes labeled axes, margins, and a radius of 6 for all data points.

SSnapika
92% match