100%

scatter plot of the iris data set

✓ Published0🌍 Public

Last edited May 24, 2022

Created on May 24, 2022

This interactive scatter plot visualizes the Iris dataset, displaying measurements of sepal and petal dimensions across three species. Users can explore relationships between variables by dynamically selecting which attributes to plot on the X and Y axes through dropdown menus. The visualization uses D3 scales (scaleLinear, scaleOrdinal) and SVG rendering within a React framework. A color legend allows filtering by species, fading non-selected points via hover interactions. Data is loaded as CSV from a remote source using D3's csv function.

AI-generated description

Iris Data set

:camera: Preview:

<img src="https://projects-preview.s3.eu-west-3.amazonaws.com/United+States+GDP+bar+chart+mbdev.webp" width="600" /> :rocket: **Stack:** [D3](https://d3js.org/), [React](https://reactjs.org/)

:hammer: Module bundler: Rollupjs

:page_with_curl: Data

:pushpin: Live Demo

MIT Licensed

Similar vizzes

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…

color iris scatter plot

This interactive scatter plot displays the Iris flower dataset, letting users explore relationships between sepal and petal measurements across three species types. The React-based interface uses dropdown menus to switch between different measurement axes for both the x and y coordinates, while each species is color-coded via a D3 ordinal scale with a legend. The visualization utilizes d3.scaleLinear for mapping data values to SVG coordinates, d3.csv for loading the dataset from a GitHub-hosted file, and custom axis components built with React and D3’s tick generation. Hovering over a circle reveals its exact measurement value through a tooltip.

GGuitong Li

94% match

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the classic Iris dataset, showing measurements of sepal and petal dimensions colored by flower species. Users can select which attributes to display on the x- and y-axes using dropdown menus, with hover interactions fading non-selected species. Built with React and D3 v5, it renders SVG circles using `scaleLinear` and `scaleOrdinal` for positioning and color encoding. The visualization includes custom axis components, a color legend, and tooltips, with data loaded via D3's `csv` parser and formatted using `d3.format`.

TThe-World-Muda

94% match

Loading thumbnail…

Make a scatter plot

This interactive scatter plot visualizes the Iris dataset, allowing users to compare any two measured attributes (sepal length, sepal width, petal length, petal width) by selecting them from dropdown menus for the x and y axes. Each point is colored according to the iris species it belongs to, with a legend displayed in the corner. The visualization is built using React and D3’s `scaleLinear`, `axisLeft`, `axisBottom`, and `csv` loader, rendering SVG circles. Users can explore how different features cluster or separate by species.

Aaaron.chu626@gmail.com

94% match

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…

Iris Scatter Plot v5

This interactive scatter plot visualizes the Iris dataset, showing measurements of sepal and petal dimensions for three flower species. Users can select which attribute appears on each axis using dropdown menus, while points are color-coded by species with a legend on the right. The visualization uses D3 v7 scales and axes for positioning, React with hooks for state management, and renders points as SVG circles with native tooltips. Data is loaded as CSV and parsed by D3's csv loader.

JJohn Lewis

94% match

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

93% match

Loading thumbnail…

Scatter plot with colour

This interactive scatter plot visualizes the Iris dataset, letting users explore relationships between sepal and petal measurements. Dropdown menus select which attributes appear on the x and y axes, while color distinguishes the three iris species. The visualization uses React with functional components, D3 v5 scales including `scaleLinear` and `scaleOrdinal` for mapping data to positions and colors, and renders marks as SVG circles. Axes are custom components built from D3 tick values, and the data loads asynchronously from a CSV file using `d3.csv`.

AAndrea Picciau

93% match