Iris Scatter Plot

100%

Iris Scatter Plot

✓ Published3🌍 Public

Last edited Sep 29, 2020

Created on Sep 28, 2020

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

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

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

97% match

Loading thumbnail…

Iris Scatter Plot

This scatter plot visualizes the Iris dataset, showing sepal and petal measurements for three iris species. Users can select which measurement appears on the x- and y-axes via dropdown menus, with each species color-coded. The visualization uses d3.scaleLinear for axes, d3.scaleOrdinal for colors, and d3.axisBottom/axisLeft for gridlines. Data loads from a CSV file using d3.csv, and circles are rendered as SVG elements.

CChenLeah

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

97% match

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the classic Iris dataset, comparing measurements of sepal length, sepal width, petal length, and petal width across three iris species. Users select axes via dropdown menus, and the chart updates its scales, labels, and title dynamically. Built with D3 v5, it uses `scaleLinear`, `axisBottom`, `axisLeft`, and `scaleOrdinal` with `d3.schemeSet1` to color points by species. Each update removes the previous SVG group and re-renders the plot from the CSV data, with circles drawn at a 10-pixel radius and partial opacity.

Wwusushi

96% match