Skip to main content
SimilarExport ZIP
100%

Scatterplot Iris (d3.v4)

✓ Published0🌍 Public
BBerengerCunillera
Last edited Oct 17, 2017
Created on Oct 17, 2017

This scatterplot visualizes the classic Iris dataset using D3.js v4, mapping sepal length and width to the x- and y-axes. Each flower is represented by a circle whose radius encodes petal length, while color distinguishes species (setosa, versicolor, virginica) via a categorical scale. The chart includes labeled axes, a legend, and hover tooltips that display the species of each point. Built with SVG and animation, the visualization offers an interactive overview of the dataset’s structure and species groupings.

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/0869b7ae854c148121bb4ca7c9dc9095'>Scatterplot Iris (d3.v4)</a>

mit Licensed

Similar vizzes

Loading thumbnail…

scatterplot_iris

This scatterplot, built with D3 v4, visualizes the classic Iris dataset, plotting sepal length on the x-axis and sepal width on the y-axis. Each circle represents an iris flower, with its radius proportional to petal length. The visualization uses color to distinguish the three iris species, and it includes a legend for identification. Interactive tooltips appear on mouseover, showing the species of each point. Axes are labeled for sepal length and width, and the plot is rendered as an SVG with smooth transitions on hover.

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

scatterplot in progress

This example visualizes the classic Iris dataset as a scatterplot, mapping sepal length and sepal width to the x- and y-axes while encoding petal length in the radius of each circle and species in color. Built with D3 v4 and rendered as SVG, the chart loads iris.csv and applies linear scales for all three variables, with the radius scale bounded between 2 and 15 pixels. The visualization uses a categorical color scheme (d3.schemeCategory20) to distinguish the three iris species, and axes are drawn on the bottom and left edges of the plotting area.

BBerengerCunillera
93% match
Loading thumbnail…

Iris_scatterplot_sepal

This example visualizes the classic Iris dataset, plotting sepal length against sepal width for three iris species. Built with D3 v4, the scatterplot uses SVG shapes to encode species: circles for setosa, red squares for versicolor, and black squares for virginica. A square-root scale controls point size, and hover tooltips display species names. Animated transitions and a categorical color legend complete the chart, which reads directly from iris.csv.

DDjokovalle
92% match
Loading thumbnail…

scatterplot in progress

This scatterplot, titled "scatterplot in progress," visualizes the classic Iris dataset using D3.js v4. It plots sepal length on the x-axis against sepal width on the y-axis, with each point's radius mapped to petal length and color mapped to species using a categorical scale. The visualization includes axis labels generated by D3's axis components and a legend identifying the three iris species. The chart is rendered as SVG within a fixed 960x500 viewport, with black circles overlaid on a white background, and the title hints at its iterative, work-in-progress nature.

BBerengerCunillera
92% match
Loading thumbnail…

scatterplot in progress

This example visualizes the classic Iris dataset as a scatterplot, with sepal length and width mapped to the x and y axes, petal length encoded by point size, and petal width by color. Built with D3 v4 and rendered as SVG, the chart separates the three species (setosa, versicolor, virginica) using distinct colors, and includes axes, a legend, and transition-based brushing that filters points based on a selection. The visualization is a work in progress, forked from an earlier block, and uses the famous Fisher iris measurements from the bundled `data.csv`.

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

Scatterplot d3v4

This scatterplot displays the classic Iris dataset, mapping sepal length and width along the axes with petal length controlling the circle radius and species determining color. Built with D3 v4 and rendered as SVG, it uses `d3.scaleLinear`, `d3.scaleSqrt`, `d3.scaleOrdinal` with `d3.schemeCategory20`, and `d3.axisBottom`/`d3.axisLeft`. A clickable legend filters the bubbles by species, dimming all others.

JJverma
92% match