Skip to main content
SimilarExport ZIP
100%

0813457_scatter_plot

✓ Published0🌍 Public
Jjessica403420@gmail.com
Last edited Sep 25, 2023
Created on Sep 25, 2023

This interactive scatter plot visualizes the Iris dataset, allowing users to select any two of the four features (sepal length/width, petal length/width) for the X and Y axes via clickable buttons. Data points are colored by species (setosa, versicolor, virginica) and rendered as SVG circles. Built with D3 v5, the visualization uses `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and a custom `buttonPanel` module to handle interactive selections.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of Scatter Plots of Iris Dataset

This interactive scatter plot of the Iris dataset lets users explore relationships between sepal and petal measurements. A clickable button panel on the right selects which of the four features (sepal length, sepal width, petal length, petal width) is plotted on the x- and y-axes, updating the chart dynamically. The plot uses D3's `scaleLinear`, `axisBottom`, and `axisLeft` for axes, and renders 150 semi-transparent circles colored by species (setosa, versicolor, virginica) in blue, green, and orange. The legend and button panel are drawn with SVG elements, and the underlying data comes from the classic `iris.csv` file.

Jjessica403420@gmail.com
92% match
Loading thumbnail…

Scattered plot

This interactive scatter plot visualizes the classic Iris dataset, showing the relationship between two selected flower measurements. The D3.js visualization uses radio buttons to let users choose which of the four attributes (sepal length, sepal width, petal length, petal width) to plot on the x- and y-axes, with the plot rendering as an SVG. Points are colored by iris species (setosa, versicolor, virginica) using D3's `scaleLinear`, `axisLeft`, and `axisBottom` APIs, with data loaded via `csv`.

Sstanley.shen2003@gmail.com
91% match
Loading thumbnail…

Fork of Scatter Plots of Iris Dataset

This interactive scatter plot displays the classic Iris dataset, showing sepal and petal measurements for three flower species. Users select which features appear on the x- and y-axes via a custom button panel, and the visualization updates accordingly. The code uses d3.scaleLinear, d3.axisBottom, and d3.axisLeft to render axes, with circles colored by species. Data is loaded from a CSV file and rendered as SVG elements, with the button panel implemented as reusable D3 functions.

WWasanta Pruttisarikorn
91% match
Loading thumbnail…

Fork of Scatter Plots of Iris Dataset

This interactive scatter plot displays the classic Iris dataset, showing sepal and petal measurements for three flower species. Users select which features appear on the x- and y-axes via a custom button panel, and the visualization updates accordingly. The code uses d3.scaleLinear, d3.axisBottom, and d3.axisLeft to render axes, with circles colored by species. Data is loaded from a CSV file and rendered as SVG elements, with the button panel implemented as reusable D3 functions.

WWasanta Pruttisarikorn
91% match
Loading thumbnail…

109550057_Iris Scatter Plot

This interactive scatter plot visualizes the Iris flower dataset, allowing users to explore relationships between sepal and petal measurements across three species: setosa, versicolor, and virginica. The visualization uses dropdown menus to dynamically select which measurement appears on the x- and y-axes, with each species distinguished by color and labeled in a legend. The code employs D3 v5’s `select`, `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to load data, render SVG circles, and update the chart upon user selection. Data comes from the classic Iris dataset, presented as an SVG with semi-transparent points.

Jjasonlovechu
90% match
Loading thumbnail…

Scatter Plot

This interactive scatter plot visualizes the Iris dataset, displaying measurements of sepal and petal length and width for three flower species. Users can select which features to plot on the x- and y-axes using dropdown menus, with points color-coded by species (setosa, versicolor, virginica). The visualization uses D3 v5 to load and parse the CSV data, dynamically render SVG circles and axes with d3.axisBottom and d3.axisLeft, and animate point appearance via transition().duration() with staggered delays.

AAmanda-Tai
90% match
Loading thumbnail…

109705001_hw1

This interactive scatter plot visualizes the Iris dataset, displaying measurements of sepal and petal dimensions. Users can dynamically select which measurement appears on the x- and y-axes via radio buttons, with points colored by Iris species (setosa, versicolor, virginica) according to an SVG legend. The visualization is built with D3 v7, using `scaleLinear` for axes, `axisBottom` and `axisLeft` for tick marks, and SVG circles for data points.

Yyihsuan
90% match
Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the Iris dataset, displaying measurements of sepal and petal length and width as colored circles representing Iris setosa, versicolor, and virginica species. Users can dynamically change the x- and y-axis features via dropdown menus, causing the visualization to re-render. Built with D3 v7, the chart uses `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and SVG circles with opacity to plot data points. The color legend matches each species, and axes are labeled based on the selected feature.

Gginnyching
90% match