Skip to main content
SimilarExport ZIP
100%

Scatterplot of iris data with tooltip

✓ Published0🌍 Public
JJverma
Last edited Jul 5, 2015
Created on Jul 5, 2015

A scatterplot visualizes the classic Iris dataset, plotting sepal width against sepal length for three iris species, colored using `d3.scale.category10()` and a legend. Hovering over a circle triggers a tooltip displaying the species and exact measurements. The visualization uses D3 v3 to create SVG axes and circles, with `d3.svg.axis`, linear scales, and mouseover/mouseout events to control tooltip opacity and position based on the mouse event.

AI-generated description

A scatterplot of Iris data with tooltip.

Similar vizzes

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
90% 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
89% match
Loading thumbnail…

Iris_scatterplot_sepal

This example visualizes the classic Iris dataset using a scatterplot of sepal length versus sepal width, with points colored and shaped by species. Built with D3 v4, it renders as an SVG with a tooltip that appears on hover, and includes a categorical legend and axis labels.

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

Scatter Plot

This scatter plot visualizes the classic Iris dataset, displaying sepal length against sepal width for three species of iris flowers. Each point represents a sample, color-coded by species (setosa, versicolor, virginica) using blue, green, and orange, and includes interactive tooltips that reveal exact measurements on hover. The visualization is built with D3.js v7, using `d3.csv` to load the local CSV data, `d3.scaleOrdinal` for color mapping, and `d3.scaleLinear` to map data to pixel coordinates. The SVG rendering includes labeled axes, a legend, and smooth tooltip transitions for enhanced readability.

LLikhitaMudagereShivaraj@my.unt.edu
88% match
Loading thumbnail…

Scatter III

This scatter plot visualizes the classic Iris dataset, displaying sepal width along the x-axis and sepal length along the y-axis. Each data point is a filled circle, with color encoding the flower species (setosa, versicolor, or virginica). The chart is rendered using D3.js, with axes drawn via the `d3.conventions()` helper from the d3-starterkit. A tooltip, enabled through `d3.attachTooltip`, appears on hover to show additional details for each point.

11wheel
88% 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
87% match
Loading thumbnail…

Scatterplot chart

This scatterplot visualizes the Iris flower dataset, plotting sepal width against sepal length, with each point colored by species (setosa, versicolor, or virginica). The chart is built with D3.js, using `d3.scale.linear` for the axes and `d3.svg.axis` for rendering tick marks and labels. Data is loaded from a CSV file via `d3.csv`, and points animate upward from the bottom of the chart using chained transitions with staggered delays. Hovering reveals a tooltip with the species and measurements via appended SVG `title` elements.

LLuisSevillano
87% match