Scatter Plots

100%

✓ Published5🌍 Public

Last edited Oct 6, 2020

Created on Oct 6, 2020

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.

AI-generated description

A scatter plot of The Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plots

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.

Vvidhyanamini

94% match

Loading thumbnail…

Fork of Scatter Plots

An interactive scatter plot of the Iris dataset lets users choose which of the four flower measurements—sepal length, sepal width, petal length, or petal width—appears on each axis via dropdown menus built with React. Points are colored by species using a fixed color scale, with d3.axisBottom and d3.axisLeft rendering grid lines and tick labels. The visualization uses d3.scaleLinear for positioning, d3.extent for domain calculation, and SVG circles for rendering, with data loaded from a CSV source.

Ssrinivasaraosankula

94% match

Loading thumbnail…

Scatter Plot with Color

This interactive scatter plot explores the classic Iris dataset, allowing users to compare any two measured attributes (sepal and petal dimensions) by selecting them from dropdown menus. Each flower is rendered as a circle in SVG, with position mapped by the selected X and Y axes and color encoding species via a D3 `scaleOrdinal` color scale. Built with React and D3 v7, the visualization uses `scaleLinear` for axes and interactive dropdowns to dynamically re-bind the plotted data.

SSerind Joshua McCue

94% match

Loading thumbnail…

Scatter Plot with Color

This interactive scatter plot visualizes the Iris Data Set, letting users explore relationships between four flower measurements. A dropdown menu for each axis allows selection of sepal length, sepal width, petal length, or petal width, with points colored by species. Built with React and D3 v6, it uses `scaleLinear` for axes and `scaleOrdinal` for categorical colors, rendering SVG circles with tooltips showing formatted values.

RRMartins11

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

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

93% match

Loading thumbnail…

Scatter plot with color

This interactive scatter plot displays the Iris flower dataset, allowing users to explore relationships between four measured attributes (sepal length, sepal width, petal length, and petal width) through dropdown menus that control the X and Y axes. Points are colored by species using d3.scaleOrdinal with three categorical colors. The visualization is built with React components managing state for axis selections, while d3.scaleLinear handles coordinate mapping and axis rendering uses custom SVG tick components. Data loading relies on d3.csv with type coercion for numeric fields.

LLewis Ward

93% match

Loading thumbnail…

scatter plot iris

This interactive scatter plot visualizes the Iris flower dataset, letting users compare four measurements (sepal and petal length and width) by selecting axes from dropdown menus. The code uses D3 v5 for scales and axes, builds the visualization with React, and loads data from iris.csv. It demonstrates dynamic axis updates and customizable tick styling on an SVG render.

Ppei9223

93% match