Fork of HW1_Iris

100%

Fork of HW1_Iris

✓ Published0🌍 Public

Last edited Oct 1, 2022

Created on Oct 1, 2022

Forked from HW1_Iris

This example shows an interactive scatter plot of the classic Iris dataset, letting users select which of four sepal and petal measurements appear on each axis. A color legend identifies the three flower species, and hovering over a species dims all non-matching points. Built with React, the visualization uses D3 v5 scales like `scaleLinear`, `scaleOrdinal`, and `extent` to map data to positions and colors, rendering SVG circles and axes, with ReactDropdown for menu controls.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

HW1_Iris

This interactive scatterplot displays the Iris flower dataset, letting users compare four measurements (sepal and petal length and width) by selecting attributes for the x- and y-axes via ReactDropdown. Points are colored by species using d3.scaleOrdinal, with a legend that highlights one class on hover. The visualization uses React and d3.v5, rendering circles as SVG marks with d3.scaleLinear axes. Hovering over legend items filters the plotted circles’ opacity, while built-in tooltips show exact values.

SSandyWu7179290504

93% match

Loading thumbnail…

HW1_Iris

An interactive scatterplot of Fisher's Iris dataset lets users explore relationships between sepal and petal measurements by switching the X and Y axes via dropdown menus. Species are encoded by color, with a legend that filters the displayed points on hover. The visualization is rendered as an SVG using React and D3 v5, employing D3's `scaleLinear` and `scaleOrdinal` scales for axes and color, along with D3's `extent` for domain calculation.

SSandyWu7179290504

91% match

Loading thumbnail…

Fork of Fork of Scatter Plots

This interactive scatter plot displays the classic Iris dataset, letting users explore the relationships between sepal and petal measurements. Four dropdown menus, built with React, allow for the dynamic selection of which attributes map to the x and y axes. The visualization uses D3.js version 5 functions like `d3.scaleLinear` and `d3.extent` to scale the data, which is rendered as colored SVG circles, with each Iris species assigned a distinct color. The chart includes axis labels, a title, and a legend to clarify the categories.

Rrohinikotha

91% match

Loading thumbnail…

Fork of HW!

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between sepal and petal measurements. The visualization updates dynamically when users select different axes from dropdown menus, with each point colored by iris species. The code uses D3 v5’s `scaleLinear` for axes, `axisBottom` and `axisLeft` for tick marks, and SVG circles for data points. The interface is built with React and the `react-dropdown-browser` library for menu controls.

陳陳泰元

91% match

Loading thumbnail…

hw4

This interactive scatter plot displays the Iris flower dataset, showing how sepal and petal measurements vary across three species. Users select which measurement appears on each axis from dropdown menus, while a color legend identifies species. The visualization uses React with D3 v5 utilities, including `scaleLinear`, `scaleOrdinal`, and `extent` to map data to SVG circles. Coordinates derive from the selected CSV-loaded measurements, with axes rendered by custom React components using D3 scales.

JJiaYu07

90% match

Loading thumbnail…

Fork of Interactive Color Legend

This interactive scatter plot visualizes the Iris Dataset, plotting petal length against sepal width for three species of iris flowers. Users can hover over a species in the color legend to highlight only those corresponding data points while fading the others. Built with React and D3 v5, the visualization uses `scaleLinear` for axes, `scaleOrdinal` for categorical colors, and SVG circles rendered via React components. The legend interactions manage hover state to dynamically adjust opacity, providing a clear comparison between species.

Wwzhang88

90% match

Loading thumbnail…

HW01-Iris

This interactive scatterplot explores the classic Iris dataset, displaying the relationships between sepal and petal measurements. Users can select any combination of the four attributes for the X and Y axes using radio buttons, and the visualization updates accordingly. The three Iris species are distinguished by color: purple, magenta, and indigo, with a legend shown above the chart. Built with React and D3.js (d3.scaleLinear, d3.axisBottom, d3.axisLeft), the SVG plot is rendered dynamically and responds to window resizing. Data is loaded asynchronously from a CSV file via d3.csv.

YYang Shun Yu

90% match

Loading thumbnail…

Fork of Iris Parallel Coordinate Plot

This interactive scatter plot of the classic Iris dataset lets users explore relationships between sepal and petal measurements by selecting which features appear on the x- and y-axes via dropdown menus. Points are colored by species using `d3.scaleOrdinal` and rendered as SVG circles with `d3.axisBottom` and `d3.axisLeft` grid lines. The visualization uses D3 v5 in a React dropdown component, reading CSV data from a remote GitHub source, and includes a fixed legend and axis labels.

Aalan489671

90% match