1st

1

This interactive scatter plot visualizes the classic Iris dataset, allowing users to dynamically explore relationships between sepal and petal measurements. The D3.js visualization renders circles colored by species, with dropdown menus to switch the variables mapped to the X and Y axes. Using D3's `scaleLinear`, `axisBottom`, `axisLeft`, and `transition`, the plot smoothly animates data points between configurations when selections change. The legend and axis labels update dynamically based on the user's chosen attributes.

Nne5ls7on@gmail.com

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

Iris Plot

An interactive scatterplot displays the classic Iris dataset, plotting sepal and petal measurements against each other. Users select the x- and y-axis variables from dropdown menus built with a custom `menu` component. The visualization renders 150 circles as SVG elements, colored by species, and animates their positions with a three-second `transition` when the axes change. D3 v5 functions `scaleLinear`, `axisBottom`, and `axisLeft` handle scaling and tick marks, while gridlines and a legend annotate the chart.

Wwill1275

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

Iris Scatter Plots V2

This interactive visualization displays the classic Iris dataset, showing measurements of sepal and petal dimensions for three flower species. Dropdown menus allow users to select which attributes map to the X and Y axes, updating the scatter plot through D3 v5 data joins. The SVG rendering uses d3.scaleLinear for axes, d3.axisLeft, and d3.axisBottom with gridlines, while colored circles animate to new positions via transition().duration(). The plot includes a legend identifying the three Iris classes and uses a custom color function.

Hhi4u2qzy@gmail.com

20240912

This interactive scatter plot visualizes the Iris flower dataset, allowing users to explore relationships between sepal and petal measurements. Two dropdown menus let users select which attributes map to the X and Y axes, with smooth transitions animating the circles to their new positions. The visualization is built with D3 v7, using SVG rendering, `d3.scaleLinear` for axes, `d3.scaleOrdinal` for species colors, and `d3.axisBottom` and `d3.axisLeft` for the coordinate system. Data from the `iris.csv` file is loaded via `d3.csv` and parsed before plotting.

Eeyxxr1260@gmail.com

Iris Scatter Plots V2

This interactive scatter plot displays the Iris flower dataset, letting users explore relationships between sepal and petal measurements across three flower species. Two dropdown menus allow selection of which measurement column maps to the X and Y axes, with the chart updating through animated transitions. The visualization uses D3 v5 (d3.scaleLinear, d3.axisBottom, d3.axisLeft) and SVG rendering, with a legend color-coding each species and data loaded from a CSV file.

SSharon Lin

iris

This interactive scatter plot visualizes the Iris flower dataset, letting users select which measurements (sepal length/width, petal length/width) map to the x- and y-axes via dropdown menus. It colors each point by species (setosa, versicolor, virginica) using a d3.scaleOrdinal with red, blue, and green, and includes a legend. Built with D3 v5, the visualization renders as SVG with animated transitions that grow circles from a central point over two seconds. It uses d3.csv to load data, d3.scaleLinear for axes, and d3.axisLeft/axisBottom with gridlines.

Iianjwo