Scatter Plot [interactive] II

100%

Scatter Plot [interactive] II

✓ Published0🌍 Public

Last edited Aug 15, 2021

Created on Aug 15, 2021

An interactive scatter plot of the Iris dataset shows relationships between two selected numeric attributes, with points colored by species. Users can change the x and y axes via dropdown menus powered by React. The visualization uses D3 scales (d3.scaleLinear, d3.scaleOrdinal) to map data to SVG circles, while hovering over the color legend highlights points of a single species. Data is loaded asynchronously from a CSV URL using d3.csv.

AI-generated description

A scatter plot of The Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot [interactive]

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between sepal and petal measurements across three flower species. Two dropdown menus let viewers select which attributes appear on the x and y axes, while a color legend enables filtering by species through mouse hover, which fades non-selected data points. The visualization is built with React and D3 v5, using SVG rendering for marks and axes. The data is loaded from a CSV file via d3.csv.

Aadewole-top

94% match

Loading thumbnail…

Scatter Plot with Colors

This interactive scatter plot displays the Iris dataset, visualizing relationships between different flower measurements. Users can select which attributes appear on the X and Y axes through dropdown menus. A color legend groups data points by species, and hovering over a legend entry dims all non-matching species marks. The visualization uses React with D3 v5 scales (scaleLinear, scaleOrdinal) and renders as SVG. The d3.csvParse function loads the dataset, while React state manages axis selections and hover interactions.

EEhtisham UL Hassan

93% match

Loading thumbnail…

Scatter Plot with Color

This interactive scatter plot visualizes the Iris Dataset, allowing users to explore relationships between flower measurements and species. Two dropdown menus let viewers select which attributes appear on the x and y axes, while the three Iris species are distinguished by color. The visualization is built with React and D3 v5, using `scaleLinear` for axes, `scaleOrdinal` for categorical colors, and SVG circles for data points. Button controls update the chart state, re-scaling axes and repositioning marks in response to user selections.

Ee-ines

93% match

Loading thumbnail…

ScatterPlot with Color

This interactive scatter plot visualizes the Iris dataset, displaying relationships between user-selected attributes via dropdown menus. The chart uses D3.js scaling functions and SVG circles, with color encoding by species through an ordinal color scale. Built with React, the visualization updates axes and marks dynamically, leveraging D3's `csv` parser for data loading and `scaleLinear` for axis construction.

AAnthony Zornig

93% match

Loading thumbnail…

Scatter Plot with Color

A scatter plot of the Iris dataset displays the relationship between two selected attributes, with each of the three species represented by a distinct color. Interactive dropdown menus allow the user to change which numerical attributes are plotted on the x- and y-axes. The visualization is built with React and D3 version 5, using `scaleLinear`, `scaleOrdinal`, and `extent` to compute scales, and renders circles as SVG elements with tooltips showing the x-axis value.

DDeborah Ong

93% match

Loading thumbnail…

Scatter Plot with Color Legend[interactive]

A scatter plot of the Iris dataset with interactive dropdown menus to select the X and Y attributes. Color encodes the species of each flower, with a color legend that allows hovering to highlight a single species and fade the others. The visualization is built with React components and D3 scales, rendering marks as SVG circles. Axis labels update dynamically based on the selected attributes.

Aadewole-top

93% match

Loading thumbnail…

Scatter Plot with Color

This interactive scatter plot from the Iris dataset visualizes three flower species as colored circles on an SVG canvas. Users select any of four numeric attributes for the X and Y axes via dropdown menus, with the species class encoded by a categorical color scale (orange, teal, and purple). Rendered in React with D3.js scaleLinear and scaleOrdinal, the plot updates the axes and marks automatically, and hovering over a point reveals its precise X value via an SVG title tooltip. The dataset is loaded asynchronously with d3.csv.

SSabin Bhandari

92% match

Loading thumbnail…

Scatter Plot with Colour

This interactive scatter plot explores the classic Iris flower dataset, letting users compare numeric attributes by choosing which measurements appear on the x- and y-axes via two dropdown menus. Each point represents a flower specimen, colored by species using a d3.scaleOrdinal with a categorical palette, and tooltips reveal exact petal or sepal values. The React-based visualization uses d3.scaleLinear for both axes, renders circles as SVG elements, and reads the CSV data with d3.csv, with brushing and zooming absent from this implementation.

KKevin McMorrow

92% match