Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Scatter Plots of Iris Dataset

✓ Published0🌍 Public
SSharon Lin
Last edited Sep 15, 2024
Created on Sep 15, 2024

This interactive scatter plot displays the classic Iris dataset, allowing users to compare any two of the four measured features (sepal and petal length/width) by selecting them from dropdown menus. The visualization uses D3 v7 to render an SVG, with `scaleLinear`, `axisLeft`, and `axisBottom` constructing the axes, while `csv` loads the local iris data. Points are colored distinctly for the three Iris species, with a legend and gridlines, and the chart redraws dynamically on selection changes.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Scatter Plots of Iris Dataset

This interactive scatter plot visualizes the classic Iris dataset, showing the relationship between any two of its four features (sepal length, sepal width, petal length, and petal width) for three flower species. Users select the x-axis and y-axis feature via a custom button panel, which triggers d3 v5 to update the chart. The SVG render displays semi-transparent colored circles representing each species, with axis labels and a legend. The code uses d3.csv to load data, scaleLinear for scales, and axisBottom and axisLeft with gridlines to build the plot.

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

Fork of Iris Scatter Plot

This interactive scatter plot visualizes the classic Iris dataset, allowing users to compare any two of four flower measurements (sepal/petal length/width) via dropdown menus. Points are color-coded by species, with a legend and animated transitions (using D3’s `transition().duration(1000)`) when axes change. The visualization uses D3 v5 to load CSV data, compute linear scales, render SVG axes with `axisBottom` and `axisLeft`, and bind data to circles. Animated positional updates highlight distribution differences between flower classes.

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

Fork of Iris Scatter Plot

This interactive scatter plot visualizes the Iris flower dataset, displaying the relationship between two user-selected measurements (sepal length/width or petal length/width) on the x- and y-axes. Colored circles represent the three Iris species (setosa, versicolor, virginica) using a categorical color scale. The D3.js code builds the chart with `scaleLinear` and `scaleOrdinal` for scaling, `axisLeft` and `axisBottom` for axes, and dropdown menus trigger redraws via event listeners. Data is loaded from a CSV file, and points are rendered as SVG circles.

Aaddword527
93% match
Loading thumbnail…

Fork of Iris Scatter Plot

This interactive scatter plot visualizes the classic Iris dataset, allowing users to explore relationships between sepal and petal measurements across three flower species. Two dropdown menus let viewers select which measurement appears on the x- and y-axes. The visualization uses D3 v5's `scaleLinear`, `axisBottom`, and `axisLeft` to render axes and gridlines, while data points are drawn as SVG circles with color-coded species and an accompanying legend. When the axes change, the circles smoothly transition to their new positions using D3's `transition()`.

HHaowenWeiJohn
93% match
Loading thumbnail…

Fork of Scatter Plot

This interactive scatter plot visualizes the Iris dataset, displaying measurements of sepal length, sepal width, petal length, and petal width. Users can dynamically select which numerical attribute appears on the X and Y axes via HTML dropdown menus, with points colored by iris species (setosa, versicolor, virginica). The visualization uses D3 v7 with SVG rendering, implementing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs. The chart redraws its axes and circles whenever a different attribute is chosen, with the y-axis dropdown preventing selection of the same attribute as the x-axis.

RRachel Chen
93% match