homework1-IRIS Scatter Plots

100%

homework1-IRIS Scatter Plots

✓ Published2🌍 Public

Last edited Sep 19, 2023

Created on Sep 19, 2023

This interactive scatter plot lets users explore the classic Iris dataset by selecting any two numeric attributes for the x- and y-axes via dropdown menus. Each flower species is color-coded using `d3.scaleOrdinal` with `schemeCategory10`, and an animated transition (`transition().duration(2000).delay(...)`) moves circles from the center to their data positions. The visualization is rendered as SVG, with axes drawn using `d3.axisBottom` and `d3.axisLeft`, and includes a legend showing species names.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the classic Iris dataset, allowing users to compare any two of the four measured flower features via dropdown menus. The plot displays each flower as a semi-transparent circle colored by its species class, with a legend identifying the three types. Built with D3 v5, the visualization uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` for color mapping, and animates points from the center to their positions using a two-second `transition` with staggered delays. The data is loaded from a CSV file, and the interface is rendered as SVG elements.

TToooooooT

89% match

Loading thumbnail…

Data Visualization Homework 1: Scatter Plots

This interactive D3 visualization demonstrates the Iris flower dataset through a customizable scatter plot. Users dynamically select which measurements (sepal length, width, petal length, or petal width) to display on the x- and y-axes via dropdown menus. The plot renders circles colored by Iris species, with a categorical color legend and animated transitions when axes change. Built with D3 v5, it uses `scaleLinear`, `scaleOrdinal`, `axisBottom`, `axisLeft`, and `transition()` to smoothly animate the scatter points.

Dderrick373519@gmail.com

88% match

Loading thumbnail…

Iris Scatter Plot 0516017

This interactive scatter plot visualizes the Iris dataset, letting users explore relationships between four numeric flower measurements. The visualization uses D3 v5 with SVG rendering, mapping flower species to semi-transparent red, green, and blue circles. Dropdown menus built with D3 selection methods allow users to dynamically switch which measurement appears on each axis, triggering a full re-render of the chart through the `render` function. The chart includes labeled axes, a title, and a manual legend for the three Iris species categories.

Xx112358

88% match

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot displays the classic Iris dataset, allowing users to compare any two of the four flower measurements (sepal length/width, petal length/width) by selecting them from dropdown menus. Each of the 150 data points is rendered as a colored circle, with hue indicating one of three Iris species. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` for axes, while `transition().duration().delay().attr()` animates the circles smoothly to their new positions when the axis selection changes. The legend and axis dropdowns are placed beside the plot.

Mmagua

88% match

Loading thumbnail…

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

88% match

Loading thumbnail…

Scatter Plot

An interactive scatter plot of the Iris dataset lets users explore relationships between different measurements. Two dropdown menus dynamically change which numerical columns are plotted on the X and Y axes. The visualization is built with D3.js, using scales for axes and ordinal color mapping for the categorical species. Circles animate into position with a staggered delay, and axes and labels update based on the selected data columns.

Ddaniel

88% match

Loading thumbnail…

Iris Scatter Plot

An interactive scatter plot visualizes the classic Iris dataset, mapping sepal and petal measurements to the x and y axes. The visualization offers two dropdown menus that let users change which flower attribute is displayed on each axis. The code uses D3 v5 to load the CSV data, create linear scales, and render SVG circles that transition to new positions with a one-second animation. Points are colored by iris species (setosa, versicolor, or virginica), with a legend and axis labels rendered via `d3.axisBottom` and `d3.axisLeft`.

Wwinniepooh520

87% match

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the Iris dataset, plotting measurements like sepal and petal length against each other. Users select which features to compare via two dropdown menus, which triggers animated transitions as the circles move to their new positions. The visualization uses d3.csv to load data, d3.scaleLinear and d3.axisBottom/axisLeft to construct axes, and d3.transition for the 1-second animations, rendering points as SVG circles color-coded by iris species.

Xx112358

87% match