Skip to main content
SimilarExport ZIP
100%

Scatter Plot with Species

✓ Published0🌍 Public
GGabriel Dantas
Last edited Jul 11, 2021
Created on Jul 11, 2021

This interactive scatter plot displays the Iris dataset, allowing users to compare measurements of sepal and petal dimensions across flower species. The visualization features dropdown menus for selecting which quantitative attributes to plot on the x and y axes. Built with D3 v6, it uses reusable chart functions and the selection.join pattern to smoothly transition circles between configurations, with axes animating alongside. The scatter plot supports both linear and point scales, adapting to categorical or quantitative data types.

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…

Scatter Plot Including Species

This interactive scatter plot explores the Iris dataset, displaying measurements of sepal and petal dimensions for three flower species. Interactive dropdown menus dynamically select which quantitative or categorical attributes appear on each axis, with animated transitions smoothly repositioning circles. The visualization uses D3 v6’s selection.join and transition methods, along with scaleLinear and scalePoint for axes, while rendering as an SVG with a Share Tech font.

Ttrissentety
95% match
Loading thumbnail…

Scatter Plot with Species

This scatter plot visualizes the Iris Dataset, allowing interactive exploration of relationships between sepal and petal measurements. Users select quantitative or categorical variables for the X and Y axes via dropdown menus. The visualization uses D3 v6 with `scaleLinear` and `scalePoint` for axes, and `selection.join` with transitions to animate point movement and axis updates. Points grow from radius zero on initial render, and staggered delays create a cascading effect when data changes.

MMichael Bergerson
95% match
Loading thumbnail…

Scatterplot Including Species

This interactive scatterplot displays the Iris flower dataset, allowing users to explore relationships between sepal and petal measurements across species. Users switch quantitative and categorical axes via dropdown menus, triggering smooth transitions as points and axes update. Built with D3 v7, the visualization uses d3.scaleLinear, d3.scalePoint, and transition to animate circle positions, with menus implemented through a custom dispatch-based module. The SVG renders animated circles that grow on entry and re-position with staggered delays when axes change.

Aajoua
94% match
Loading thumbnail…

Scatter Plot including Species

This interactive scatter plot visualizes the Iris Dataset, allowing users to dynamically explore relationships between sepal and petal measurements across species. The visualization uses D3.js v6 APIs including `scaleLinear`, `axisLeft`, `axisBottom`, and `transition` to animate point movements and axis updates over 1-second durations. Two drop-down menus, built with a custom reusable `menu` component that utilizes `dispatch` for change events, let viewers select which quantitative variables to plot on the x and y axes. The SVG rendering uses the `join` pattern to smoothly transition existing circles to new positions while animating new points growing from radius zero.

Mmaxthamt
94% match
Loading thumbnail…

Scatter Plot Including Species

This interactive scatter plot visualizes the classic Iris dataset, letting users explore relationships between sepal and petal measurements by switching axes via dropdown menus. Built with D3 v7, the visualization supports both numerical and categorical axes, with circles transitioning smoothly between positions using `d3.transition`. The scatter plot component uses `scaleLinear` and `scalePoint` for scaling, while SVG rendering and axis generation via `axisLeft` and `axisBottom` update dynamically as selections change.

Nnim@brejnholt.dk
94% match
Loading thumbnail…

Scatter Plot Including Species

This interactive scatter plot displays the Iris dataset, with petal and sepal measurements plotted on each axis. Users can switch between quantitative attributes and the categorical species column via two dropdown menus, which update the visualization through D3 transitions. The chart uses D3 scales, axes, and SVG circles with a 1000ms transition for smooth updates, while the menu system leverages a custom dispatch-based event handler.

Rroyable88
94% match
Loading thumbnail…

Scatter Plot using species

This interactive scatter plot explores the Iris dataset, using dropdown menus to dynamically select which flower measurements (sepal length, petal width, etc.) appear on the x- and y-axes, with the option to treat variables as either numeric or categorical. Built with D3.js 6.7.0, it leverages the library’s scaleLinear and scalePoint functions to map data positions, while the selection.join API manages animated transitions for points and axes. The visualization renders as SVG, with each circle’s opacity set low to reveal overlapping species clusters, and includes a menu component that dispatches change events to update the plot in real time.

KKhanin Sisaengsuwanchai
94% match
Loading thumbnail…

Scatter Plot Including Species

This interactive scatter plot displays the Iris flower dataset, mapping sepal and petal measurements against each other with species indicated by color. Users select variables for the x and y axes from dropdown menus built with d3.dispatch. The visualization uses d3.csv for data loading, scaleLinear and scalePoint for positioning, scaleOrdinal for symbol types, and transitions with transition.attrTween for animated circle updates.

Ccssergio
94% match