Iris Scatter Plot

100%

Iris Scatter Plot

✓ Published0🌍 Public

Last edited Oct 2, 2020

Created on Sep 30, 2020

This scatter plot shows the Iris dataset across four selectable dimensions. Users choose which measurement (sepal length, sepal width, petal length, or petal width) to plot on each axis, and the plot redraws accordingly. The visualization uses D3 scales (`scaleLinear`, `scaleOrdinal`) to map data to positions and colors, with each flower class assigned a distinct color. The SVG rendering includes axes, gridlines, a title, and a legend, and it updates in response to the interactive dropdown selectors.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the Iris flower dataset, showing measurements of sepal and petal length and width across three species. Users can dynamically select which measurement appears on the x-axis and y-axis using dropdown menus. The visualization uses D3.js v5 with SVG rendering, employing `scaleLinear` for axes, `scaleOrdinal` for color mapping, and `axisBottom` and `axisLeft` for ticks. The data is loaded via `d3.csv` and rendered as semi-transparent circles colored by species class.

Cchungmin-yu

95% match

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the classic Iris dataset, displaying the relationship between two user-selected attributes (sepal length, sepal width, petal length, or petal width) for three iris species. Circles represent individual flowers, color-coded by species, with dropdown menus allowing selection of which measurements appear on the x-axis and y-axis. Built with D3 v5, the visualization uses d3.csv, d3.scaleLinear, d3.scaleOrdinal, d3.axisLeft, and d3.axisBottom to render the SVG chart, complete with gridlines, axis labels, and a legend.

Cchungmin-yu

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 scatter plot visualizes the Iris flower dataset, encoding four measurements (sepal and petal length/width) on the x- and y-axes. Users select the axes from dropdown menus, which re-renders the plot. The visualization distinguishes the three Iris species by color and includes a legend. Built with D3 v5, the example uses `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the chart, and renders all elements as SVG, including the axes, axis labels, title, and data points.

DDaniel0710

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 measurements of sepal and petal length and width for three iris species, with each species distinguished by color. The visualization uses d3.scaleLinear, d3.axisBottom, and d3.axisLeft to render the plot as SVG circles. Users can select any of the four measurement variables for either the x-axis or y-axis through dropdown menus built with d3.select and d3.merge, which triggers complete re-renders via the render function. A legend displays the species color mapping using d3.scaleOrdinal.

Eerin1234567

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