fresh block

100%

✓ Published0🌍 Public

Last edited Jan 22, 2018

Created on Jan 22, 2018

This scatterplot, built with D3 v4, visualizes the classic Iris dataset by plotting sepal length against sepal width. Each circle represents a flower, with its radius encoding petal length via a square-root scale. The points are colored by species (setosa, versicolor, virginica) using a categorical color scheme, with a legend in the top-right corner. Axis labels clarify the variables, and hovering over a point reveals a tooltip displaying the species. The visualization is rendered as a static SVG with interactive mouseover effects, making it easy to explore the distribution and separation of the three iris species across the measured attributes.

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/6ea4f85a416ccf196f59d4917e4ad442'>fresh block</a>

mit Licensed

Similar vizzes

Loading thumbnail…

fresh block

This example visualizes the classic Iris dataset as a scatterplot, mapping sepal length to the x-axis, sepal width to the y-axis, and petal length to the radius of each circle. Species are distinguished by color using a categorical ordinal scale, and a legend identifies the three iris species. The chart includes axis labels for sepal width and sepal length, with a hover tooltip that displays the species of each point. Built with D3 v4, the visualization uses SVG and animation, with a fixed pixel size and a color scheme based on d3.schemeCategory20.

DDjokovalle

95% match

Loading thumbnail…

fresh block

This visualization renders a static scatterplot of three Iris flower samples using D3 v4. It shows the relationship between sepal and petal measurements for the setosa species, with each flower represented as a circle. The code binds the dataset to SVG circle elements, setting fixed positions and a radius of 11 pixels. The rendering approach uses SVG via D3's `selectAll` and `data` binding, though the chart does not include axes or scales. All points are currently plotted at the same coordinates (200, 150), so the visualization does not yet differentiate between individual data points.

DDjokovalle

94% match

Loading thumbnail…

fresh block

A scatterplot displays the classic Iris flower dataset, plotting sepal width against petal width with points colored by species (red, lightgrey, lightblue). The visualization uses D3 v4 with SVG rendering, employing `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.symbol` for distinct marker shapes per species. A red line overlays the chart, computed via a custom linear regression function to show the overall trend across all measurements.

AAurelienVirello

93% match

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

90% match

Loading thumbnail…

Iris_scatterplot

This scatterplot visualizes the classic Iris dataset, mapping sepal length on the x-axis and sepal width on the y-axis. Points are colored by species, with setosa rendered as circles and versicolor/virginica as squares, and hovering reveals a tooltip with the species name. Built with D3 v4, the chart includes axes, axis labels, a legend, and a fixed 10-pixel square size for two of the species. The visualization is animated and uses an SVG renderer. Data is loaded from an external CSV file included in the block. The code is forked from an anonymous block and is available under the MIT license.

DDjokovalle

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

89% match

Loading thumbnail…

Scatterplot Iris (d3.v4)

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.

BBerengerCunillera

89% match

Loading thumbnail…

Iris_scatterplot_sepal

This example visualizes the classic Iris dataset, plotting sepal length against sepal width for 150 flowers. Points are encoded with different shapes and colors to distinguish the three species: setosa (circles), versicolor (red squares), and virginica (black squares). The visualization includes axis labels, a categorical color legend, and interactive tooltips that display the species on hover. Built with D3 v4 using SVG, it also demonstrates the use of ordinal color scales, square-root size scaling, and filter-based shape encoding.

DDjokovalle

88% match