Untitled

100%

✓ Published0🌍 Public

Last edited Sep 24, 2023

Created on Sep 24, 2023

This interactive scatter plot explores the Iris flower dataset, allowing users to compare any two of the four measured attributes (sepal and petal length and width). Selecting a new attribute from the dropdown menus redraws the plot, with points colored by species. The visualization uses D3.js v4 to create an SVG chart with a ggplot2-style gray background and gridlines. It employs `d3.scaleOrdinal` for the color scale and `d3.axisBottom` and `d3.axisLeft` for the axes, re-rendering the graph on each selection change.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Untitled

This interactive scatter plot displays the Iris flower dataset, allowing users to explore relationships between sepal and petal measurements. Two dropdown menus let viewers select which attribute appears on the x- and y-axes, updating the plot and axis labels accordingly. Data points are colored by species using a categorical scale. The visualization is built with React and D3 v5, using `d3.csv` to load data, `d3.scaleLinear` for axes, and SVG circles for marks. Axes and tick marks are drawn with custom React components.

HHsu0208

94% match

Loading thumbnail…

Untitled

This interactive scatterplot displays the Iris dataset, with each point colored by species (setosa, versicolor, or virginica) and sized by petal length. The visualization cycles through four feature pairs on the x-axis every few seconds, while the y-axis remains fixed on sepal length. Built with React and D3 v4, it uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to render axes and SVG circles, with a legend and axis labels added dynamically.

GGogineni44

93% match

Loading thumbnail…

Untitled

An interactive scatter plot explores the classic Iris dataset by Fisher, visualizing measurements of sepal and petal dimensions across three flower species. Dropdown menus allow the user to select which attributes appear on the x and y axes, while a color legend distinguishes species and fades non-hovered points. Built with React and D3 v5, the visualization uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` for categorical colors, and renders marks as SVG circles with tooltips.

TThe-World-Muda

93% match

Loading thumbnail…

Untitled

This interactive scatter plot explores the Iris dataset, displaying measurements of sepal and petal dimensions. Users can change which measurements appear on the x- and y-axes via dropdown menus, with points colored by Iris species. The visualization uses D3 v5 scales and axes within a React framework, rendering circles as SVG elements with a color mapping for the three species classes.

Yyuli19991001

92% match

Loading thumbnail…

Untitled

This interactive scatter plot visualizes the Iris flower dataset, showing relationships between sepal and petal measurements. Users can select which measurements to plot on the x and y axes using dropdown menus. The visualization encodes the three Iris species (setosa, versicolor, and virginica) with distinct colors: purple, red, and green, with semi-transparent circles. Built with D3.js v5, the code uses the `scaleLinear`, `axisLeft`, and `axisBottom` functions to create the plot, with `extent` for domain calculation and `csv` for data loading.

Mminson

92% match

Loading thumbnail…

Untitled

This interactive scatter plot visualizes the Iris flower dataset, displaying measurements of sepal and petal dimensions for three species. Users can switch the x- and y-axis variables via dropdown menus, which triggers a re-render of the visualization. The plot uses D3 v5 with `scaleLinear`, `scaleOrdinal`, and `axisBottom`/`axisLeft` to position circles, color-coded by species. Points animate into place using `transition().duration()` with staggered delays, and a legend notes each species' color.

Aannie520143

91% match

Loading thumbnail…

Untitled

An interactive scatter plot visualizes the Iris dataset, showing sepal and petal measurements for three iris species. Users select which features appear on the x- and y-axes via dropdown menus, and the plot updates with a staggered 500-millisecond circle transition. Built with D3 v5, the SVG render uses `d3.scaleLinear` for axes, `d3.extent` for domains, and `d3.axisBottom`/`d3.axisLeft` with gridlines. Circles are color-coded by species, and the axes and title update dynamically based on the selected attributes.

AAmanda-Tai

91% match

Loading thumbnail…

Untitled

An interactive scatter plot of the classic Iris dataset lets viewers compare any two of the four measured features by selecting them from dropdown menus. Each of the 150 flowers is drawn as a colored circle—red, green, or blue—according to its species, with a legend to the right. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to render the axes and gridlines, while menus are built with D3’s data-join pattern. The SVG is redrawn dynamically whenever the user changes the x- or y-axis selection.

Ppeter6179

91% match