Scatter Plots

100%

✓ Published0🌍 Public

Last edited Mar 5, 2022

Created on Mar 5, 2022

This interactive scatter plot visualizes the Iris flower dataset, showing measurements of sepal and petal length for three iris species. Users can change which attributes are plotted on the x and y axes using dropdown menus, with axes and labels updating dynamically. The visualization uses D3 v5 for data binding and SVG rendering, with React dropdowns for interactivity, and colors each species distinctly with a legend showing class names.

AI-generated description

A scatter plot of The Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot [interactive]

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between sepal and petal measurements across three flower species. Two dropdown menus let viewers select which attributes appear on the x and y axes, while a color legend enables filtering by species through mouse hover, which fades non-selected data points. The visualization is built with React and D3 v5, using SVG rendering for marks and axes. The data is loaded from a CSV file via d3.csv.

Aadewole-top

95% match

Loading thumbnail…

Scatter Plots using d3

This interactive scatter plot visualizes the Iris dataset, allowing users to compare sepal and petal measurements across three iris species. Two dropdown menus let viewers select which attributes to plot on the X and Y axes, with points colored by species class. The visualization uses d3.scaleLinear for axis scaling, d3.axisBottom and d3.axisLeft for grid lines, and React dropdown components for menu selection. Data is loaded via d3.csv and rendered as SVG circles with CSS opacity and color coding.

Vvidhyanamini

95% match

Loading thumbnail…

Scatter Plots

This interactive scatter plot visualizes the Iris Dataset, allowing users to compare any two of four flower measurements (sepal length/width, petal length/width) via dropdown menus. Points are colored by species using a predefined scale. The visualization uses D3 v5 scales (scaleLinear), axes (axisBottom, axisLeft), and data joins to update circles, while React dropdown components handle axis selection.

JJasonYeong0821

94% match

Loading thumbnail…

Scatter Plot with colors

This interactive scatter plot visualizes the Iris Dataset, allowing users to explore relationships between sepal and petal measurements across three iris species. The visualization uses D3.js scales (scaleLinear, scaleOrdinal) and React components to render SVG circles, with color encoding species identity. Two dropdown menus enable dynamic selection of which measurements appear on the x and y axes, while D3’s csv loader fetches the data and tooltips display formatted values for each point.

Aadewole-top

94% match

Loading thumbnail…

Iris_ScatterPlot

This interactive scatter plot of the Iris dataset displays the relationships between sepal and petal measurements, with points color-coded by flower species. Users select which measured attribute appears on each axis via dropdown menus, and the visualization updates accordingly. The SVG rendering is built with React and D3 v5, using d3.scaleLinear for coordinate mapping, d3.axisBottom and d3.axisLeft for tick marks, and d3.min/max to determine the domains. A legend identifies the three species with their respective colors.

Eexchoco

94% match

Loading thumbnail…

Scatter plot with Colors

This interactive scatter plot visualizes the Iris flower dataset, letting users explore relationships between sepal and petal measurements. The visualization uses React dropdown menus to dynamically switch which numerical attributes are plotted on the x and y axes. Each of the 150 flowers is rendered as a colored circle, with species mapped to a categorical color scale (`d3.scaleOrdinal`) using orange, teal, and purple. The chart is built with React and D3 v6, using SVG circles for marks and custom axis components that employ `d3.scaleLinear` for positioning.

Kkragovic

94% match

Loading thumbnail…

Scatter Plot with Color

This interactive scatter plot visualizes the Iris dataset, letting users explore relationships between sepal and petal measurements. Dropdown menus switch which numeric attribute appears on the x- and y-axes, while a categorical color scale distinguishes the three iris species. Powered by React and D3 v5, the SVG visualization uses `scaleLinear`, `scaleOrdinal`, and `csv` to load and render data from a GitHub gist, with axis and mark components built from reusable React functions.

Ccynichole

94% match

Loading thumbnail…

Scatter plot color viz

This interactive scatter plot visualizes the Iris dataset, letting users explore relationships between sepal and petal measurements across three flower species. Dropdown menus dynamically select which quantitative attributes appear on the x and y axes, while color encodes species. Hovering over a color legend entry dims other points to highlight the selected species. The visualization uses React with d3.scaleLinear for positioning, d3.scaleOrdinal for color mapping, and custom React components for axes, marks, and the legend, rendering as SVG.

YYohR

94% match