Iris3

100%

✓ Published0🌍 Public

Last edited Oct 3, 2020

Created on Oct 3, 2020

Forked from Iris3

This interactive scatter plot displays the Iris dataset from UCI Machine Learning Repository, showing all pairwise comparisons between sepal and petal measurements. Users can change which measurements appear on the x and y axes via dropdown menus. The visualization uses d3.scaleLinear for axes, d3.scaleOrdinal for species colors, and d3.axisBottom/axisLeft for tick marks, rendering circles as SVG elements. Data loads asynchronously via d3.csv from the iris dataset.

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…

Iris3

This interactive scatter plot displays the classic Iris dataset, letting users explore relationships between sepal and petal measurements across three species. The visualization uses drop-down menus to switch which quantitative variable is plotted on each axis, with points colored by species. Built with D3 v5, the code employs `d3.scaleLinear` for axes, `d3.scaleOrdinal` for categorical colors, and SVG circles for rendering.

JJepyagg

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

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

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

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

92% match

Loading thumbnail…

Iris scatter plot

This interactive scatter plot visualizes the Iris dataset, allowing exploration of relationships between sepal and petal measurements. Three Iris species are color-coded and rendered as semi-transparent circles using D3 v5’s scalable vector graphics. The plot uses `d3.select`, `d3.scaleLinear`, and `d3.extent` to map axes, while dropdown menus built with custom D3 selection logic let users dynamically choose which measurements appear on the X and Y axes.

TTsen Hsieh

92% match