Skip to main content
SimilarExport ZIP
100%

snazzy scatter plot: w/ color legend

✓ Published0🌍 Public
Llzb1003
Last edited Dec 17, 2020
Created on Dec 17, 2020

A scatter plot of the Iris dataset displays sepal and petal measurements, with points colored by species. The visualization uses interactive dropdown menus to select which measurement appears on each axis. Built with React and D3 v6, it renders SVG circles, axes, and a categorical color legend. Data is loaded from a CSV file, and the color scale uses distinct semi-transparent hues for each species.

AI-generated description

A scatter plot of The Iris Dataset.

--
Datavis 2020 #34

MIT Licensed

Similar vizzes

Loading thumbnail…

snazzy scatter plot: w/ colors

This interactive scatter plot visualizes the Iris flower dataset, allowing users to explore relationships between sepal and petal measurements. Two dropdown menus let viewers select which numerical attributes to plot on the X and Y axes, while points are colored by species using a d3.scaleOrdinal with a semi-transparent color scheme. Built with React and D3 v6, the visualization renders as SVG elements, with axes generated via d3.scaleLinear and data loaded asynchronously from a CSV file using d3.csv.

Zzach b.
95% match
Loading thumbnail…

Scatter plot with Colors Legend

This interactive scatter plot visualizes the Iris dataset, displaying sepal and petal measurements along the x- and y-axes while using color to distinguish species. Users can select which attributes to plot from dropdown menus. The visualization uses React with D3’s `scaleLinear` for axes, `scaleOrdinal` for color encoding, and renders SVG circles with tooltips. A color legend maps species to distinct colors, with axis labels and tick marks generated by custom React components.

Kkragovic
93% match
Loading thumbnail…

Scatter Plot with Color Legend

This interactive scatter plot visualizes the Iris dataset, allowing users to compare sepal and petal measurements across three flower species through dropdown menus for the x and y axes. Each point is colored by species using a d3.scaleOrdinal color scale with an accompanying legend. Built with React and D3 v6, the visualization renders as an SVG and uses d3.scaleLinear for axes, d3.extent for domain calculation, and d3.csv for data loading.

LLaura Johnson
93% match
Loading thumbnail…

Scatterplot with Color Legend

This interactive scatterplot displays the Iris Dataset, allowing users to explore relationships between sepal and petal measurements through dropdown menus that control the x and y axes. Each point represents an iris flower, colored by species with a corresponding legend. The visualization uses React components and D3 v7 scales (d3.scaleLinear, d3.scaleOrdinal) to render SVG marks and axes from CSV data.

JJun Suzuki
93% match
Loading thumbnail…

Scatter Plot with Color Legend

This interactive scatter plot visualizes the Iris flower dataset, plotting sepal and petal measurements against each other. Users select X and Y axes from dropdown menus, with points colored by species and a color legend identifying the three categories. The visualization uses D3 v5 scales and axes (scaleLinear, AxisBottom, AxisLeft) within a React framework, rendering SVG circles via the Marks component. Data is loaded asynchronously from a CSV file using d3.csv, with ordinal color encoding via d3.scaleOrdinal and react-dropdown handling user selections.

Ccynichole
93% match
Loading thumbnail…

Scatter Plot with Color Legend

This interactive scatter plot visualizes the Iris flower dataset, letting users explore relationships between four measurements (sepal and petal length/width) through dropdown menus that control the x and y axes. Points are colored by species using a d3.scaleOrdinal with a corresponding legend showing the three Iris varieties. The visualization is built with React and D3 v6, rendering SVG circles and axes through custom components like AxisBottom, AxisLeft, and Marks, with data loaded via d3.csv from a remote gist.

CCodeDuckie99
93% match
Loading thumbnail…

Scatter Plot with Color Legend

This interactive scatter plot visualizes the Iris dataset, displaying sepal and petal measurements for three flower species distinguished by color. Users can switch the x- and y-axes between four measurement attributes via dropdown menus. The example uses React with D3 v6 scales and axes, rendering SVG circles and a custom color legend. Data is loaded asynchronously using D3’s `csv` loader and mapped to linear scales with `.nice()` formatting.

PPeter Krevenets
93% match
Loading thumbnail…

Scatter Plot Iris with Color Legend

An interactive scatter plot of the Iris dataset with dropdown menus to select the x and y axes shows the relationship between sepal and petal measurements. The visualization uses React for the UI, d3.v7's scaleLinear, scaleOrdinal, and extent for scales, and renders as SVG with color-coded circles representing species. A color legend identifies the three Iris species, while axis labels and dropdown selectors update dynamically as users change the plotted attributes.

EEFezerKW
93% match