Skip to main content
SimilarExport ZIP
100%

Debug

✓ Published2🌍 Public
Vvegetable.c@nycu.edu.tw
Last edited Sep 14, 2024
Created on Sep 14, 2024

This interactive scatter plot explores the classic Iris dataset, showing how measurements of sepal and petal dimensions cluster by flower species. Users select which attributes to compare via dropdown menus, and points are color-coded by species (Setosa, Versicolor, Virginica) with a legend provided. The visualization uses D3 v7 (d3.csv, d3.scaleLinear, d3.scaleOrdinal, d3.axisBottom, d3.axisLeft) to render an SVG. On each attribute change, the scales and axes update with a smooth two-second transition and a staggered delay between points.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Debug

This interactive scatter plot of the Iris dataset lets users explore relationships between sepal and petal measurements. Clickable buttons select which two features appear on the x- and y-axes, highlighting the chosen dimensions in the control panel. The visualization uses D3 v5’s `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to render axes, with points colored by species (setosa, versicolor, virginica). Data loads from a CSV file containing 150 samples.

Vvegetable.c@nycu.edu.tw
91% match
Loading thumbnail…

Generated Visualization

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.

CCurran Kelleher
90% match
Loading thumbnail…

109550057_Iris Scatter Plot

This interactive scatter plot visualizes the Iris flower dataset, allowing users to explore relationships between sepal and petal measurements across three species: setosa, versicolor, and virginica. The visualization uses dropdown menus to dynamically select which measurement appears on the x- and y-axes, with each species distinguished by color and labeled in a legend. The code employs D3 v5’s `select`, `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to load data, render SVG circles, and update the chart upon user selection. Data comes from the classic Iris dataset, presented as an SVG with semi-transparent points.

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

2222333

An interactive scatter plot of the Iris dataset lets users compare any two measured attributes—sepal and petal length and width—via dropdown menus. Points are colored by species with a legend for classification. The visualization uses D3 v7 to load the CSV data, render SVG circles and axes with d3.scaleLinear and d3.axisBottom/Left, and updates the chart on selection change.

Eeyxxr1260@gmail.com
90% match
Loading thumbnail…

Scatter plots

This interactive scatter plot visualizes the Iris flower dataset, displaying sepal and petal measurements as colored circles representing three species. Users select which quantitative attributes appear on the X and Y axes via dropdown menus. The visualization uses d3.csv to load data, d3.scaleLinear and d3.extent for scaling, d3.axisBottom and d3.axisLeft for gridlines, and d3.scaleOrdinal to map species to a viridis color palette. Circles are rendered as SVG elements with opacity, and axes include rotated labels for clarity.

CCola731
90% match
Loading thumbnail…

Scatter Plot

This interactive scatter plot visualizes the Iris dataset, displaying measurements of sepal and petal length and width for three flower species. Users can select which features to plot on the x- and y-axes using dropdown menus, with points color-coded by species (setosa, versicolor, virginica). The visualization uses D3 v5 to load and parse the CSV data, dynamically render SVG circles and axes with d3.axisBottom and d3.axisLeft, and animate point appearance via transition().duration() with staggered delays.

AAmanda-Tai
89% 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
89% match