0816096

100%

✓ Published0🌍 Public

Last edited Oct 20, 2022

Created on Sep 29, 2022

Forked from Fork of Scatter Plot with Menus

This interactive scatterplot visualizes the classic Iris dataset, comparing four floral measurements across three species. Users select which measurement to plot on each axis via dropdown menus. The D3.js code uses `scaleLinear`, `axisLeft`, `axisBottom`, and `scaleOrdinal` to build the chart, with circles transitioning from the center to their positions over a 2-second animation. A legend of colored dots identifies each species.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Iris Scatter Plot 0516017

This interactive scatter plot visualizes the Iris dataset, letting users explore relationships between four numeric flower measurements. The visualization uses D3 v5 with SVG rendering, mapping flower species to semi-transparent red, green, and blue circles. Dropdown menus built with D3 selection methods allow users to dynamically switch which measurement appears on each axis, triggering a full re-render of the chart through the `render` function. The chart includes labeled axes, a title, and a manual legend for the three Iris species categories.

Xx112358

89% match

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

89% match

Loading thumbnail…

109550048

This interactive scatter plot visualizes the Iris dataset, showing measurements of sepal and petal length and width for three flower species. Users can select any data column for the x-axis and y-axis via dropdown menus, and the plot updates accordingly, with colored circles representing each species. The visualization uses D3 v5, employing `select` and `csv` for data loading and transformation, `scaleLinear` for axes, and `scaleOrdinal` for color mapping. The chart includes labeled axes, axis ticks, and a legend for the three Iris species.

TTrashBoatDora

89% match

Loading thumbnail…

309551125

This visualization displays the classic Iris flower dataset as an interactive scatter plot, with each point representing one flower and colored red, green, or blue by species. Users can dynamically select any combination of the four measurements (sepal length/width, petal length/width) for the x and y axes using dropdown menus. The code uses d3.csv to load the data and d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom to render the SVG axes and circles, updating the view on selection change.

XXinYaoHuang

89% match

Loading thumbnail…

0616027_iris.html

This interactive scatter plot visualizes the Iris flower dataset, displaying measurements of sepal length, sepal width, petal length, and petal width for three species. Users select which measurements to plot on the X and Y axes via dropdown menus, and the chart updates with colored circles representing each species. The visualization uses D3 v5 with `scaleLinear`, `axisBottom`, and `axisLeft` for scales and axes, along with SVG circles for data points. Data is loaded from a local CSV file, with colors assigned to Iris-setosa, Iris-versicolor, and Iris-virginica.

Ttim310579

88% match

Loading thumbnail…

Fork of Iris Scatter Plot

This interactive scatter plot visualizes the classic Iris dataset, allowing users to compare any two of four flower measurements (sepal/petal length/width) via dropdown menus. Points are color-coded by species, with a legend and animated transitions (using D3’s `transition().duration(1000)`) when axes change. The visualization uses D3 v5 to load CSV data, compute linear scales, render SVG axes with `axisBottom` and `axisLeft`, and bind data to circles. Animated positional updates highlight distribution differences between flower classes.

YYi-Qing

87% match

Loading thumbnail…

Fork of Scatter Plot 0927

This interactive scatter plot displays the Iris flower dataset, with users selecting which measurements map to the x- and y-axes via dropdown menus. Points are colored by species—purple for setosa, red for versicolor, and green for virginica—with a legend beneath the chart. Built with D3 v5, the visualization uses `scaleLinear`, `axisBottom`, and `axisLeft` for axes, while circles enter with a staggered 2-second transition animation. The data loads from a local CSV file, and SVG rendering supports the interactive filtering and animated updates.

Mminson

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

87% match