Skip to main content
SimilarExport ZIP
100%

Visualization with iris datasets

✓ Published0🌍 Public
RRoey-Wu
Last edited Sep 29, 2022
Created on Sep 29, 2022

This interactive scatter plot visualizes the Iris dataset, letting users switch which flower measurements appear on the x- and y-axes via custom dropdown menus. Colored circles represent individual flowers, with colors mapping to species via a `d3.scaleOrdinal`. The reusable chart component uses `d3.scaleLinear` for axes, `selection.join` for enter/update/exit transitions, and animated transitions (`transition().duration(1000)`) to smoothly reposition and grow points when selections change.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts and Observable: selection.join.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Iris Scatter Plot

This example shows an interactive scatter plot of the Iris dataset, with dropdown menus to select which flower measurements appear on the x- and y-axes. Points are colored by species and transition into place with a staggered animation. Built with D3 v5, the visualization uses `scaleLinear`, `axisLeft`, `axisBottom`, and a custom dropdown menu component. A legend and axis selection panel are rendered to the right of the plot.

Yyixinxu2020
90% match
Loading thumbnail…

iris

This interactive scatter plot visualizes the Iris flower dataset, letting users select which measurements (sepal length/width, petal length/width) map to the x- and y-axes via dropdown menus. It colors each point by species (setosa, versicolor, virginica) using a d3.scaleOrdinal with red, blue, and green, and includes a legend. Built with D3 v5, the visualization renders as SVG with animated transitions that grow circles from a central point over two seconds. It uses d3.csv to load data, d3.scaleLinear for axes, and d3.axisLeft/axisBottom with gridlines.

Iianjwo
90% match
Loading thumbnail…

Iris Scatter Plot 0516017

This interactive scatter plot visualizes the Iris dataset, letting users explore relationships between four numeric flower measurements. The visualization uses D3 v5 with SVG rendering, mapping flower species to semi-transparent red, green, and blue circles. Dropdown menus built with D3 selection methods allow users to dynamically switch which measurement appears on each axis, triggering a full re-render of the chart through the `render` function. The chart includes labeled axes, a title, and a manual legend for the three Iris species categories.

Xx112358
90% match
Loading thumbnail…

Iris analysis

This interactive scatter plot explores the Iris dataset, letting users compare measurements by selecting different features for the x- and y-axes via drop-down menus. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, `axisLeft`, and `scaleOrdinal` to render SVG circles colored by iris species, with a custom legend. A reusable `dropDownMenu` function updates the chart on selection changes, redrawing axes and points with `transition`-free updates.

Wwinniepooh520
89% match
Loading thumbnail…

Iris analysis

This interactive scatter plot explores the Iris dataset, letting users compare measurements by selecting different features for the x- and y-axes via drop-down menus. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, `axisLeft`, and `scaleOrdinal` to render SVG circles colored by iris species, with a custom legend. A reusable `dropDownMenu` function updates the chart on selection changes, redrawing axes and points with `transition`-free updates.

Wwinniepooh520
89% match
Loading thumbnail…

Iris

This interactive scatterplot visualizes the Iris flower dataset, plotting sepal and petal measurements against each other. Users select the x and y axes from dropdown menus, and the points animate smoothly to their new positions with staggered transitions. The visualization encodes the three Iris species with red, green, and blue semi-transparent circles. Built with D3 v7, it uses `scaleLinear`, `axisBottom`, `axisLeft`, and `transition` to handle scaling, axes, and animated updates when the selected columns change.

ZZeroKurosakii
89% match
Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot displays the Iris dataset, revealing the distribution of flower measurements across three species. Users select which measurement appears on each axis via two dropdown menus, instantly re-rendering the plot. The visualization distinguishes species by color and includes a legend. Built with D3 v5, the code uses `select`, `csv`, `scaleLinear`, `scaleOrdinal`, `axisBottom`, `axisLeft`, and `extent` to create the SVG chart, with a custom `dropDownMenu` component for the interactive controls.

Ttoeric
89% match
Loading thumbnail…

Iris Scatter Plots V2

This interactive visualization displays the classic Iris dataset, showing measurements of sepal and petal dimensions for three flower species. Dropdown menus allow users to select which attributes map to the X and Y axes, updating the scatter plot through D3 v5 data joins. The SVG rendering uses d3.scaleLinear for axes, d3.axisLeft, and d3.axisBottom with gridlines, while colored circles animate to new positions via transition().duration(). The plot includes a legend identifying the three Iris classes and uses a custom color function.

Hhi4u2qzy@gmail.com
89% match