Interactive cl

100%

Interactive cl

✓ Published0🌍 Public

Last edited Sep 4, 2021

Created on Sep 1, 2021

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between sepal and petal measurements across three iris species. Dropdown menus control which numerical attributes appear on the x and y axes, while a color legend indicates species via a categorical D3 scale. Built with React and D3 v5, the SVG visualization renders axes via custom components and data points as circles with tooltips. The chart uses D3's `scaleLinear` for positional encodings, `scaleOrdinal` for color, and `csv` for data loading.

AI-generated description

A scatter plot of The Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

interactive color

This interactive scatterplot displays the Iris dataset, allowing users to explore relationships between sepal and petal measurements across three flower species via dropdown menus. The visualization uses D3 v5 scales and SVG rendering with a React interface, where hovering over the color legend highlights points from the selected species while fading others. Axes are generated with custom React components wrapping D3’s scale functions, and the color scale uses an ordinal mapping to distinguish species.

Mmarianamartins87

94% match

Loading thumbnail…

Interactive Scatterplot

This interactive scatterplot visualizes the classic Iris flower dataset, letting users explore relationships between sepal and petal measurements across three species. Two dropdown menus dynamically change which attribute is plotted on the x and y axes, while a color legend distinguishes species and supports hover filtering to fade unrelated points. Built with React and D3 v5, the visualization uses `scaleLinear` for axes, `scaleOrdinal` for colors, and renders all marks as SVG circles with native tooltips.

LLawrence Liu

93% match

Loading thumbnail…

Scatter Plot with Color

This interactive scatter plot visualizes the Iris Dataset, allowing users to explore relationships between sepal and petal measurements across three flower species. The visualization features dropdown menus to switch which attributes appear on the x and y axes, with species distinguished by color using a categorical scale. Built with React and D3 v5, the chart uses d3.scaleLinear for axes and d3.scaleOrdinal for color encoding, rendering SVG circles with tooltips that display precise values. The CSV data is loaded asynchronously via d3.csv and typed numerically before plotting.

RRiccardo De Lucia

93% match

Loading thumbnail…

Interactive Iris Scatter Plot

This interactive scatter plot visualizes the classic Iris flower dataset, allowing users to explore relationships between sepal and petal measurements across three species. The visualization uses React for state management and d3.scaleLinear and d3.scaleOrdinal to map data to positions and colors. Two dropdown menus let users switch which measurements appear on the x and y axes, while hovering over the color legend or data points dims unrelated marks via opacity transitions. The SVG rendering includes custom axes and a metadata tooltip powered by SVG title elements.

RRikibens

93% match

Loading thumbnail…

Scatter Plot with colors

This interactive scatter plot visualizes the Iris Dataset, allowing users to explore relationships between sepal and petal measurements across three iris species. The visualization uses D3.js scales (scaleLinear, scaleOrdinal) and React components to render SVG circles, with color encoding species identity. Two dropdown menus enable dynamic selection of which measurements appear on the x and y axes, while D3’s csv loader fetches the data and tooltips display formatted values for each point.

Aadewole-top

93% match

Loading thumbnail…

Scatter plot with colour

This interactive scatter plot visualizes the Iris dataset, letting users explore relationships between sepal and petal measurements. Dropdown menus select which attributes appear on the x and y axes, while color distinguishes the three iris species. The visualization uses React with functional components, D3 v5 scales including `scaleLinear` and `scaleOrdinal` for mapping data to positions and colors, and renders marks as SVG circles. Axes are custom components built from D3 tick values, and the data loads asynchronously from a CSV file using `d3.csv`.

AAndrea Picciau

93% match

Loading thumbnail…

Scatter Plot with Color

This interactive scatter plot visualizes the Iris dataset, letting users explore relationships between sepal and petal measurements. Dropdown menus switch which numeric attribute appears on the x- and y-axes, while a categorical color scale distinguishes the three iris species. Powered by React and D3 v5, the SVG visualization uses `scaleLinear`, `scaleOrdinal`, and `csv` to load and render data from a GitHub gist, with axis and mark components built from reusable React functions.

Ccynichole

93% match

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

93% match