iris

100%

✓ Published0🌍 Public

Last edited Oct 17, 2017

Created on Oct 17, 2017

This visualization displays the classic Iris flower dataset as a scatterplot, mapping sepal length and width to the x and y axes, petal length to point size, and species to color. The rendering uses D3 v4’s SVG output. Data loading relies on `d3.csv` for parsing the CSV file, while scales are built with `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.scaleOrdinal`, plus axes from `d3.axisBottom` and `d3.axisLeft`. A categorical legend, built with circle elements, identifies the three species (setosa, versicolor, virginica), and a tooltip div is appended to the body but never made visible.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

iris

This scatterplot visualizes the classic Iris dataset, plotting sepal length against sepal width for individual flowers. It uses D3.js v6 to load the CSV data and render SVG circles positioned by linear scales derived from the data’s extent. The chart includes labeled x- and y-axes for the two measurements, with axis generators `d3.axisBottom` and `d3.axisLeft`. The code defines chart dimensions and margins, appends the SVG container, and applies a uniform steelblue fill to all points, though it does not encode species information. The rendering approach is entirely SVG-based, with no interactive or animated elements.

TTarun Kumar Bosupally

93% match

Loading thumbnail…

iris

This interactive scatter plot visualizes the Iris flower dataset, letting users select which measurements (sepal length/width, petal length/width) map to the x- and y-axes via dropdown menus. It colors each point by species (setosa, versicolor, virginica) using a d3.scaleOrdinal with red, blue, and green, and includes a legend. Built with D3 v5, the visualization renders as SVG with animated transitions that grow circles from a central point over two seconds. It uses d3.csv to load data, d3.scaleLinear for axes, and d3.axisLeft/axisBottom with gridlines.

Iianjwo

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

92% match

Loading thumbnail…

Iris scatterPlot

This scatter plot visualizes the classic Iris dataset, plotting sepal width against sepal length for three species of iris flowers. Each flower is represented as a small circle, color-coded by species (setosa, versicolor, virginica) using a categorical color scale, with a legend in the upper right. The visualization uses D3 v3 to render an SVG graphic, employing `d3.scale.linear()` for the x and y axes, `d3.svg.axis()` for the axes, and `d3.scale.category10()` for coloring the dots. The data is loaded asynchronously from a tab-separated values file via `d3.tsv()`.

CChmits

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

92% match

Loading thumbnail…

Iris

This interactive scatter plot visualizes the Iris dataset, mapping petal length and width as x and y coordinates while styling each circle with a color-coded species (orange, green, or brown). The code also encodes sepal dimensions by distorting each circle’s rx and ry attributes, creating ellipse-like shapes whose horizontal and vertical radii reflect sepal length and width. Built with D3 v6, it loads CSV data using `d3.csv`, applies `d3.scaleLinear` and `d3.extent` for scales, and renders axes via `d3.axisLeft` and `d3.axisBottom`. Circles are appended as SVG elements with custom fill, radius, and elliptical attributes.

Ssri7harsha

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

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

92% match