Iris3

100%

✓ Published1🌍 Public

Last edited Oct 4, 2020

Created on Oct 3, 2020

This interactive scatter plot displays the classic Iris dataset, letting users explore relationships between sepal and petal measurements across three species. The visualization uses drop-down menus to switch which quantitative variable is plotted on each axis, with points colored by species. Built with D3 v5, the code employs `d3.scaleLinear` for axes, `d3.scaleOrdinal` for categorical colors, and SVG circles for rendering.

AI-generated description

This scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set.

MIT Licensed

Similar vizzes

Loading thumbnail…

Iris3

This interactive scatter plot displays the Iris dataset from UCI Machine Learning Repository, showing all pairwise comparisons between sepal and petal measurements. Users can change which measurements appear on the x and y axes via dropdown menus. The visualization uses d3.scaleLinear for axes, d3.scaleOrdinal for species colors, and d3.axisBottom/axisLeft for tick marks, rendering circles as SVG elements. Data loads asynchronously via d3.csv from the iris dataset.

Eerin1234567

94% match

Loading thumbnail…

Iris scatter plot

This interactive scatter plot visualizes the Iris dataset, allowing exploration of relationships between sepal and petal measurements. Three Iris species are color-coded and rendered as semi-transparent circles using D3 v5’s scalable vector graphics. The plot uses `d3.select`, `d3.scaleLinear`, and `d3.extent` to map axes, while dropdown menus built with custom D3 selection logic let users dynamically choose which measurements appear on the X and Y axes.

TTsen Hsieh

94% match

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot displays the classic Iris dataset, showing relationships between sepal and petal measurements across three iris species. Users can dynamically select which measurements to plot on the x- and y-axes through dropdown menus. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `axisBottom`, and `axisLeft` for axes, while data points transition smoothly via `transition().duration(1000)`. Each species is color-coded—red, green, or blue—and a legend identifies the classes.

Cchungmin-yu

93% match

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot displays the classic Iris dataset, showing measurements of sepal length, sepal width, petal length, and petal width for three species of iris flowers. Users can change the variables plotted on the x- and y-axes via dropdown menus, with each species colored differently using `d3.scaleOrdinal` and `d3.schemeCategory10`. The visualization uses D3 v5 with SVG rendering, employing `d3.axisBottom` and `d3.axisLeft` for axes, `d3.scaleLinear` for positioning, and `d3.extent` to set the scale domains.

WWei-Che Chang

93% match

Loading thumbnail…

109550057_Iris Scatter Plot

This interactive scatter plot visualizes the Iris flower dataset, allowing users to explore relationships between sepal and petal measurements across three species: setosa, versicolor, and virginica. The visualization uses dropdown menus to dynamically select which measurement appears on the x- and y-axes, with each species distinguished by color and labeled in a legend. The code employs D3 v5’s `select`, `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to load data, render SVG circles, and update the chart upon user selection. Data comes from the classic Iris dataset, presented as an SVG with semi-transparent points.

Jjasonlovechu

93% match

Loading thumbnail…

Iris Scatter Plots V2

This interactive visualization displays the classic Iris dataset, showing measurements of sepal and petal dimensions for three flower species. Dropdown menus allow users to select which attributes map to the X and Y axes, updating the scatter plot through D3 v5 data joins. The SVG rendering uses d3.scaleLinear for axes, d3.axisLeft, and d3.axisBottom with gridlines, while colored circles animate to new positions via transition().duration(). The plot includes a legend identifying the three Iris classes and uses a custom color function.

Hhi4u2qzy@gmail.com

93% match

Loading thumbnail…

Iris Dataset Scatter Plot

This interactive scatter plot visualizes the classic Iris dataset, allowing users to explore relationships between sepal and petal measurements. Three flower species are color-coded in the SVG output. Dropdown menus dynamically change the axes, and D3 transitions animate the points to their new positions. The code uses `d3.csv` to load data, `d3.scaleLinear` for axes, and `d3.select` to manage the interactive controls.

NNYCUBK201

93% match

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the Iris dataset, displaying measurements of sepal and petal dimensions for three flower species. Users select which numeric attribute appears on the x- and y-axes through dropdown menus, and the visualization updates accordingly. Each point is colored by species using a d3.scaleOrdinal color scale, with a legend showing the species categories. The chart uses d3.scaleLinear for axes, d3.axisBottom and d3.axisLeft for gridlines, and renders marks as SVG circles.

Eeuphokumiko

93% match