100%

Generated Visualization

✓ Published0🌍 Public

Last edited Apr 5, 2025

Created on Apr 5, 2025

This interactive scatter plot explores the Iris dataset, displaying measurements of sepal and petal dimensions for three iris species. Users can select which measurement appears on each axis via dropdown menus, with points color-coded by species and accompanied by a legend. The visualization is built with D3.js v7, using d3.csv for data loading, d3.scaleLinear for axes, d3.scaleOrdinal with d3.schemeCategory10 for colors, and d3.axisBottom and d3.axisLeft for rendering the plot in SVG. The view updates dynamically whenever the axis selections change.

AI-generated description

Iris Dataset Scatter Plot

This is an interactive scatter plot visualization of the Iris dataset using D3.js.

Features

Interactive scatter plot with the Iris dataset
Ability to select different variables for X and Y axes
Color-coded by species
Responsive design

Dataset

The visualization uses the famous Iris dataset, which includes measurements of:

Sepal length
Sepal width
Petal length
Petal width

For three species of iris flowers:

Setosa
Versicolor
Virginica

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot of Iris

This interactive scatter plot visualizes the classic Iris dataset, showing measurements of sepal length, sepal width, petal length, and petal width for three species of iris flowers. Users can dynamically select which measurement appears on the x-axis and y-axis using dropdown menus, with each species color-coded via a categorical ordinal scale. Built with D3 v5, the visualization uses `scaleLinear` for the axes, `axisBottom` and `axisLeft` for tick marks, and SVG circles for data points. The plot includes labeled axes and a title, with data loaded from a CSV file using `d3.csv`.

Eevonne0930.cs11@nycu.edu.tw

94% match

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the Iris dataset, displaying measurements of sepal length, sepal width, petal length, and petal width across three iris species. Users can select which measurements appear on the x and y axes via dropdown menus, and the plot updates accordingly. The visualization uses d3.csv for data loading, d3.scaleLinear for axis scaling, and d3.scaleOrdinal with schemeCategory10 for species coloring. SVG circles represent individual data points, with axes rendered using d3.axisBottom and d3.axisLeft.

WWei-Che Chang

94% match

Loading thumbnail…

123

This interactive D3.js scatter plot visualizes the classic Iris dataset, displaying measurements of sepal length, sepal width, petal length, and petal width for three species of iris flowers. Users can dynamically select which measurement appears on the x-axis and y-axis via dropdown menus, with the plot updating accordingly. The visualization uses D3's `scaleLinear` for axes, `axisBottom` and `axisLeft` for rendering ticks, and `extent` to determine the domain of the selected data. Points are colored by species using an ordinal color scale, rendered as SVG circles.

CCinSiangNg

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

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

93% match

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

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

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

93% match