Skip to main content
SimilarExport ZIP
100%

Iris scatter plot

✓ Published0🌍 Public
AAntoineDiers
Last edited Jan 26, 2018
Created on Jan 26, 2018

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.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/romsson/'>romsson</a>'s block: <a href='http://bl.ocks.org/romsson/f4baa95d363ee21d0952ca561cd2a0e5'>D3 bar chart without data-binding</a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/292553c451ddbb5230d661c9e745601f'>D3 bar chart without data-binding</a>

forked from <a href='http://bl.ocks.org/romsson/'>romsson</a>'s block: <a href='http://bl.ocks.org/romsson/f865e7c5c05c805759486a3cf435a548'>D3 bar chart without data-binding</a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/d733252e058e79c9f4d8f57afa919723'>D3 bar chart without data-binding</a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/2b17766306598a7eb61d40b46d4a5306'>Iris scatter plot</a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/65b8ade50f2dd69e51a798cba8f2c549'>Iris scatter plot</a>

mit Licensed

Similar vizzes

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

Iris Dataset Scatter Plot

This visualization displays the classic Iris dataset as a scatter plot, mapping petal length to the x-axis and petal width to the y-axis. Each circle represents an individual flower, with color indicating species: black for setosa, green for versicolor, and yellow for virginica. The code uses d3.csv to load the data, then applies d3.scaleLinear with d3.extent for axes, rendered via d3.axisLeft and d3.axisBottom. The SVG circles are positioned using this scaling, and text labels for axes are appended manually.

AABCDB15
93% 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
93% 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
93% match