Skip to main content
SimilarExport ZIP
100%

Gist 4b85d13cf4194dd8a3830557f31a4170

✓ Published0🌍 Public
AAlvaroMoro
Last edited Jul 20, 2018
Created on Jul 20, 2018

This gallery example renders the classic Iris dataset as a scatterplot. The visualization uses the Observable Plot API to create a single panel with points, displaying the relationship between different flower measurements. The code builds the chart using `Plot.plot` and `Plot.dot`, configuring the x and y axes to show sepal length and petal length. Color distinguishes the three iris species: setosa, versicolor, and virginica, with each point positioned based on its corresponding numeric attributes from the provided data.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 0bd164d320049d1926cdb6310644fa40

This visualization uses the classic Iris dataset to display the relationships between sepal and petal measurements for three flower species. The code loads the CSV data and renders a scatter plot that maps sepal length and width on the axes, with each point colored by species. The implementation relies on the Plotly.js library's `Scatter` and `Layout` classes to generate the interactive chart, with species values driving both the color and legend entries for the setosa, versicolor, and virginica groups.

JJan0RodGar
85% match
Loading thumbnail…

Gist 74232f38b06638bb7acb4205ebf3b216

This visualization, from a GitHub gist by Ferjopero, uses the classic Iris dataset to display a scatter plot of sepal length against sepal width. Points are colored by species—setosa, versicolor, and virginica—revealing distinct clusters. The chart is rendered using an interactive plotting library, allowing viewers to explore the relationships between these two measurements across the three species.

FFerjopero
84% match
Loading thumbnail…

iris

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.

GGTHamonville
80% match
Loading thumbnail…

Scatter plot for iris data set

This visualization displays the classic Iris dataset as a scatter plot, mapping petal length on the x-axis and sepal length on the y-axis. Each point represents an individual flower, colored by species (setosa, versicolor, or virginica) using a custom marker function. The code loads data via `d3.csv` from a GitHub gist, parses numeric fields, and renders circles with `d3.selectAll` and `.join()`. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, while `d3.scaleLinear` and `d3.extent` set the scales to the data domain.

Aachalasam
80% 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
80% 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
79% match
Loading thumbnail…

Iris Scatter Plot

An interactive scatter plot visualizes the classic Iris dataset, mapping sepal and petal measurements to the x and y axes. The visualization offers two dropdown menus that let users change which flower attribute is displayed on each axis. The code uses D3 v5 to load the CSV data, create linear scales, and render SVG circles that transition to new positions with a one-second animation. Points are colored by iris species (setosa, versicolor, or virginica), with a legend and axis labels rendered via `d3.axisBottom` and `d3.axisLeft`.

Wwinniepooh520
79% 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
79% match