Iris Scatter Plots V2

100%

Iris Scatter Plots V2

✓ Published3🌍 Public

Last edited Oct 17, 2023

Created on Sep 25, 2023

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.

AI-generated description

This scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set. The user can select which columns map to X and Y using dropdown menus.

MIT Licensed

Similar vizzes

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot displays the classic Iris dataset, allowing users to compare any two of the four flower measurements (sepal length/width, petal length/width) by selecting them from dropdown menus. Each of the 150 data points is rendered as a colored circle, with hue indicating one of three Iris species. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` for axes, while `transition().duration().delay().attr()` animates the circles smoothly to their new positions when the axis selection changes. The legend and axis dropdowns are placed beside the plot.

Mmagua

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

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

94% match

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the classic Iris dataset, displaying measurements of sepal and petal length and width for three Iris species. Users can dynamically select which measurements appear on the x- and y-axes via dropdown menus, with points colored by species and a legend provided. The visualization is built with D3 v5, using `d3.csv` to load the data and `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to render scales and axes as SVG elements.

Yyptang5488

94% match

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot displays the Iris dataset, showing measurements of sepal and petal length and width. Users can select which measurement appears on the x-axis and y-axis via dropdown menus. The visualization uses d3.scaleLinear for axis scaling and d3.axisLeft and d3.axisBottom for axes, with circles animated via transition().duration() and delay(). Colors are assigned to species using d3.scaleOrdinal with a manual color range, and a legend is drawn with SVG rectangles and text. Data loads from a CSV URL, and rendering uses SVG with 2-second animated transitions.

Wwaterm80

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

94% match

Loading thumbnail…

Iris Scatter Plot

This visualization displays the classic Iris dataset as a scatter plot, allowing the selection of any two of the four measured attributes (sepal length, sepal width, petal length, petal width) for the x- and y-axes via dropdown menus. Each of the 150 iris flowers is represented as a colored circle, with red, blue, and green mapping to the three species. The D3.js code uses `scaleLinear` for axes, `axisLeft` and `axisBottom` for ticks, and constructs the SVG rendering by binding circles to the data, updating their positions based on the chosen columns. A legend to the right lists the species and their corresponding colors.

Hharker2011

94% match

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the Iris dataset, showing relationships between sepal and petal measurements for three flower classes. Users can dynamically select which measurement appears on each axis via dropdown menus, with points colored by species (setosa, versicolor, virginica). Built with D3 v5, the visualization uses d3.csv for data loading, scaleLinear for axis scaling, and axisBottom/axisLeft for rendering gridlines. The render function rebuilds the SVG scene on each axis change, updating scales and redrawing circles accordingly.

LLockingChiao

94% match