Skip to main content
SimilarExport ZIP
100%

Iris Scatter Plot

✓ Published1🌍 Public
Gginnyching
Last edited Oct 19, 2022
Created on Oct 1, 2022
Forked from Cars Scatter Plot

This interactive scatter plot visualizes the Iris dataset, displaying measurements of sepal and petal length and width as colored circles representing Iris setosa, versicolor, and virginica species. Users can dynamically change the x- and y-axis features via dropdown menus, causing the visualization to re-render. Built with D3 v7, the chart uses `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and SVG circles with opacity to plot data points. The color legend matches each species, and axes are labeled based on the selected feature.

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…

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
96% match
Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the Iris dataset, showing the distribution of three iris species across four measurable attributes (sepal and petal length/width). Users can dynamically swap the variables assigned to the x- and y-axes via dropdown menus, with each species colored using a categorical scale. The visualization is built with D3 v5, using `d3.scaleLinear` for axes, `d3.legendColor` for the legend, and SVG rendering for the circles and grid lines. The plot updates by re-rendering the entire SVG when a new axis selection is made.

Iimsohandsome123
95% 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
95% match
Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot displays the Iris dataset, allowing users to compare sepal and petal measurements through dropdown menus that select the x- and y-axis variables. Each point represents one flower, colored by its species class, with a legend identifying the three categories. Built with D3 v5, the visualization uses `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for gridlines, and updates circles and labels dynamically via a render function. SVG rendering handles all graphical elements, while the dropdowns are created through a custom function that binds options to data.

TThe-World-Muda
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
95% 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
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 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
95% match