Skip to main content
SimilarExport ZIP
100%

Polished scatter plot with color legend interactive

✓ Published0🌍 Public
Ssophievanderhorst
Last edited Oct 5, 2021
Created on Mar 3, 2021

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Polished Scatter Plot with Color Legend

This interactive scatter plot visualizes the Iris dataset, plotting sepal and petal measurements against each other. Users can select which attributes to display on the X and Y axes via dropdown menus, while the color of each point encodes the iris species. The visualization is built with React and rendered as SVG using D3 v5, employing `scaleLinear` for axes, `scaleOrdinal` for the categorical color scale, and custom React components like `Marks`, `XAxis`, `YAxis`, and `ColorLegend`. A color legend identifies the species, and tooltips display the formatted X-axis value for each data point.

Ssmile2git
95% match
Loading thumbnail…

Polished Stylized Scatter Plot with Color Legend

This interactive scatter plot explores the Iris dataset, displaying relationships between sepal and petal measurements with points colored by species and a corresponding legend. Users can select which attributes to plot on the x and y axes via dropdown menus, dynamically updating the visualization. Built with React and D3 v7, the chart renders as SVG, using `scaleLinear` for axes, `scaleOrdinal` for categorical colors, and custom React components for axes, marks, and legends.

RRedSorrel
95% match
Loading thumbnail…

Interactive Color Polished Scatter plot with menus with legend

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.

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

Scatterplot with Interactive Color Legend

This scatterplot displays the Iris flower dataset, plotting sepal and petal measurements and coloring points by species. Interactive dropdowns let viewers change which measurement is mapped to the x- and y-axes. The color legend responds to mouse hover, fading non-hovered species to 30% opacity while highlighting the selected group. Built with React and D3 v7, it uses `scaleLinear` for axes, `scaleOrdinal` for categories, and SVG circles for rendering.

ZZoe Ferencova
94% match
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
94% match
Loading thumbnail…

interactive color legend

This interactive scatterplot displays the Iris flower dataset, letting users explore relationships between sepal and petal measurements through dropdown menus that change the x and y axes. Hovering over a species in the color legend highlights all matching data points while fading the others to 50% opacity. The visualization uses React for UI state management, d3.scaleLinear and d3.scaleOrdinal for scaling, and renders SVG circles with tooltips for exact values.

BBlake McCarty
94% match
Loading thumbnail…

Interactive Color Legend

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between sepal and petal measurements across three flower species. Dropdown menus let viewers switch between different attributes for the x and y axes, while a color legend enables hovering to highlight specific species and fade the others via opacity changes. The visualization uses React with D3 scales and SVG rendering, employing D3's `scaleLinear` for positioning and `scaleOrdinal` for categorical color mapping.

SSai Phaltankar
94% match
Loading thumbnail…

Interactive Color Legend

This interactive scatter plot visualizes the Iris dataset, displaying measurements of sepal and petal dimensions for three flower species. Users can change the X and Y axes via dropdown menus, and hovering over the color legend highlights points from a selected species while dimming others. Built with React and D3 v7, the visualization uses `scaleLinear`, `scaleOrdinal`, and SVG circles to render the data, with the legend and marks responding to mouse events through React state.

KKazushige Okuma
94% match