Untitled

100%

✓ Published0🌍 Public

Last edited Oct 5, 2020

Created on Oct 5, 2020

An interactive scatter plot of the classic Iris dataset lets viewers compare any two of the four measured features by selecting them from dropdown menus. Each of the 150 flowers is drawn as a colored circle—red, green, or blue—according to its species, with a legend to the right. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to render the axes and gridlines, while menus are built with D3’s data-join pattern. The SVG is redrawn dynamically whenever the user changes the x- or y-axis selection.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This example presents an interactive scatterplot of the classic Iris dataset, allowing users to compare any two of the four measured flower features by selecting the x- and y-axes from dropdown menus. It uses D3 v5 to render an SVG with semi-transparent circles for each flower, color-coded by species (setosa, versicolor, virginica) and accompanied by a legend. The code demonstrates reusable D3 components, such as a drop-down menu factory and dynamically rendered axes, with all elements re-rendered when a new variable is chosen.

Mmmry310531

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

91% 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

90% match

Loading thumbnail…

Untitled

An interactive scatter plot visualizes the Iris dataset, showing sepal and petal measurements for three iris species. Users select which features appear on the x- and y-axes via dropdown menus, and the plot updates with a staggered 500-millisecond circle transition. Built with D3 v5, the SVG render uses `d3.scaleLinear` for axes, `d3.extent` for domains, and `d3.axisBottom`/`d3.axisLeft` with gridlines. Circles are color-coded by species, and the axes and title update dynamically based on the selected attributes.

AAmanda-Tai

89% 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

89% match

Loading thumbnail…

Untitled

A scatter plot of the Iris dataset explores relationships between flower measurements. Dropdown menus allow selecting which attribute drives the x- and y-axes, using a linear scale for each. The visualization is built with React and D3, rendering SVG circles with tick marks and axis labels. Data is loaded asynchronously from a CSV via the `csv` function, and the chart updates dynamically based on user selections.

Ttmrb

89% 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

89% 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

89% match