Viewing a saved revision (read-only)
ae6c9676cab4465baa54853a476877e3
Fork of Interactive Scatter Plot with Color Legend & Changeable Axes using D3 and React
This interactive scatter plot visualizes the classic Iris dataset, allowing users to explore relationships between sepal and petal measurements through changeable X and Y axes. A color legend distinguishes the three flower species, and hovering over a species name highlights those data points while dimming others. Built with React, the visualization uses d3.scaleLinear and d3.scaleOrdinal for positioning and color mapping, with custom React components rendering SVG axes, marks, and legends. Data loads via d3.csv, and the ReactDropdown component manages axis selection.
AI-generated descriptionA stylized scatter plot of the famous iris data set, using React to create menus and interactivity.
A more saturated color represented overlapping data points.
Selecting different options from the X and Y dropdown menus will change the axes on which the data is plotted, with labels to match.
Hovering over the species color legend will single out that species in the display.