Skip to main content
SimilarExport ZIP
100%

Untitled

✓ Published0🌍 Public
HHsu0208
Last edited Sep 27, 2022
Created on Sep 27, 2022
Forked from HTML Starter

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Untitled

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.

Aastolidozo
94% 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
93% match
Loading thumbnail…

Untitled

A scatter plot visualizes the Iris dataset, encoding sepal and petal measurements as points colored by species. The chart uses D3 v3 scales and axes to map numeric values to pixel positions, with an SVG rendering of circles and a color legend. The React-based application loads the data via the `csv` function from D3, and interactive tooltips display the iris variety and coordinates on mouseover.

Cctarmey
93% 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…

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
92% match
Loading thumbnail…

Iris

This interactive scatter plot visualizes the Iris dataset, displaying measurements of sepal and petal dimensions for three flower species. Users select axes from dropdown menus to compare any two attributes, with points colored by a d3.scaleOrdinal mapping to species. The visualization uses React with D3 v7, employing d3.csv for data loading, d3.scaleLinear for scaling, and d3.axisBottom and d3.axisLeft for axes. SVGs are rendered dynamically, updating circles via D3's merge and exit operations.

Rrachel20010118@gmail.com
92% match