Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Iris Scatter Plot

Public visualization

Viewing a saved revision (read-only)

2142e3a26ddb47ccb4879e9e9e065842

Iris Scatter Plot

0 stars0๐ŸŒ Public
Aannie520143
Last edited Oct 17, 2020
Created on Oct 6, 2020
Forked from React Starter

This interactive visualization displays the Iris dataset, plotting 150 flowers on a scatter plot with selectable x- and y-axes. Users can switch between sepal and petal measurements via HTML dropdown menus. The code uses D3 v5 with SVG rendering, employing d3.scaleLinear for axes, d3.scaleOrdinal for color mapping, and d3.axisBottom/axisLeft for ticks. Each point animates from the plot center to its position using transition().duration(1000) and delay(). A legend identifies the three Iris species.

AI-generated description

React Starter code.