Skip to main content
SimilarExport ZIP
100%

Interactive Color Polished Scatter plot with menus with legend

✓ Published0🌍 Public
Nn.koldovsky@gmail.com
Last edited Jul 28, 2021
Created on Jul 27, 2021

This interactive scatter plot displays the Iris dataset, showing measurements of sepal and petal dimensions across three flower species. Users select which attributes appear on the X and Y axes via two dropdown menus, while a color legend indicates species and supports hover highlighting to isolate specific groups. The visualization is built with React and D3 v5, using `scaleLinear`, `scaleOrdinal`, and SVG rendering, with hover interactions adjusting point opacity and filtering displayed data.

AI-generated description

A scatter plot of The Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Color Polished Scatter plot with menus with legend

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between sepal and petal measurements by selecting attributes for the X and Y axes via dropdown menus. A color legend distinguishes the three iris species. Built with React and D3 v5, the visualization uses d3.scaleLinear for axes, d3.scaleOrdinal for colors, and d3.csv for data loading, rendering as SVG with reusable axis and mark components.

Nn.koldovsky@gmail.com
97% match
Loading thumbnail…

Color Polished Scatter plot with menus

This interactive scatter plot displays the Iris dataset, with dropdown menus that allow users to independently select which flower measurements to plot on the x- and y-axes. Each iris species is color-coded using a `scaleOrdinal` with a custom palette, while the axes are rendered with `scaleLinear` scales. Built with React and D3 v5, the visualization uses SVG for rendering, with custom `AxisBottom` and `AxisLeft` components for ticks and labels, and hover tooltips showing axis values via SVG `<title>` elements.

Nn.koldovsky@gmail.com
95% match
Loading thumbnail…

Scatter plot with menu and colors

This interactive scatter plot visualizes the Iris dataset, showcasing measurements of sepal and petal dimensions. Users can dynamically select which attributes to display on the X and Y axes via dropdown menus. Hovering over the color legend highlights a specific species, fading the remaining data points to emphasize the selected group. Built with React and D3 v5, the visualization renders as an SVG and uses `scaleLinear` for axis scaling and `scaleOrdinal` for categorical coloring.

Ppatasky
95% match
Loading thumbnail…

Polished Scatter Plot with Menus with more colors

This interactive scatter plot visualizes the classic Iris flower dataset, allowing users to explore relationships between sepal and petal measurements across three species. Two dropdown menus enable selection of the x and y axes from four numerical attributes and the species label, with colors distinguishing species via a legend. Built with React and D3 v5, the visualization uses `scaleLinear` and `scaleOrdinal` scales to map data to SVG circles, with axes rendered by custom components and data loaded via the `csv` function.

FFonda Irena Santoso
95% match
Loading thumbnail…

Interactive Polished Scatterplots with Menus and Color

This interactive scatterplot explores the Iris dataset, displaying four numeric flower attributes and using color to encode species. Users can select which measurements appear on the x- and y-axes via dropdown menus. The visualization features hover interactions that highlight points of a specific species in the legend. Built with React and D3 (d3.v7), it uses `scaleLinear` and `scaleOrdinal` for axes and color, with SVG rendering and custom components for axes, marks, and a color legend.

Rrmgoldberg24
95% match
Loading thumbnail…

Interactive Scatter with Menus

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 hovering over the color legend highlights points of a selected species and dims others. The visualization is built with React and D3 v5, using `scaleLinear` and `scaleOrdinal` for positioning and coloring, with SVG circles rendered through custom React components.

Mmbooch22
95% match
Loading thumbnail…

Polished scatter plot with color legend interactive

This interactive scatter plot displays the Iris flower dataset, mapping sepal and petal measurements to the x and y axes via dropdown menus. A color legend distinguishes the three species, with hovering over a legend item dimming all points except those of the selected species. Built with React and D3 v6, the visualization uses `d3.scaleLinear` for axes and `d3.scaleOrdinal` for colors, rendering SVG circles with accessible tooltips.

Ssophievanderhorst
95% match
Loading thumbnail…

Polished Scatterplots with Menus and Color

This interactive scatterplot displays the Iris flower dataset, allowing users to explore relationships between four measurements—sepal and petal length and width—through dropdown menus that control the x and y axes. Species are distinguished by color in a legend. Built with React and D3 v7, the visualization uses `scaleLinear` for axes, `scaleOrdinal` for colors, and SVG rendering for all marks and legends.

Rrmgoldberg24
95% match