Sdv_6_Mrudula

100%

✓ Published2🌍 Public

Last edited Oct 20, 2025

Created on Oct 20, 2025

This interactive scatter plot visualizes the classic Iris dataset, comparing sepal length against sepal width for multiple flower specimens. The visualization uses the Chart.js library on an HTML Canvas element, with each data point colored according to its species classification—though only the setosa species is present in the provided data. The JavaScript code manually defines parallel arrays for sepal measurements and species labels, then maps them into a scatter plot with axis titles and a descriptive chart title.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Sdv_6_Mrudula

This interactive scatter plot visualizes the Iris dataset, showing the relationship between sepal length and sepal width for 150 flowers. Each point represents a single iris, with color mapping to the setosa species, though the visualization appears to only display setosa samples. The chart uses Chart.js within an HTML canvas element, retrieving data from hardcoded arrays in the JavaScript file rather than parsing the accompanying CSV. The chart includes axis labels with units in centimeters and a title, but no legend, as all displayed points share the same species classification.

Mmendemrudula@gmail.com

96% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the classic Iris dataset, displaying sepal length against sepal width for three species of iris flowers. Each point represents a sample, color-coded by species (setosa, versicolor, virginica) using blue, green, and orange, and includes interactive tooltips that reveal exact measurements on hover. The visualization is built with D3.js v7, using `d3.csv` to load the local CSV data, `d3.scaleOrdinal` for color mapping, and `d3.scaleLinear` to map data to pixel coordinates. The SVG rendering includes labeled axes, a legend, and smooth tooltip transitions for enhanced readability.

LLikhitaMudagereShivaraj@my.unt.edu

85% match

Loading thumbnail…

Scatterplot chart

This scatterplot visualizes the Iris flower dataset, plotting sepal width against sepal length, with each point colored by species (setosa, versicolor, or virginica). The chart is built with D3.js, using `d3.scale.linear` for the axes and `d3.svg.axis` for rendering tick marks and labels. Data is loaded from a CSV file via `d3.csv`, and points animate upward from the bottom of the chart using chained transitions with staggered delays. Hovering reveals a tooltip with the species and measurements via appended SVG `title` elements.

LLuisSevillano

84% match

Loading thumbnail…

1

This interactive scatter plot visualizes the classic Iris dataset, displaying sepal length on the x-axis and petal length on the y-axis. Each point represents an individual flower, colored by its species (setosa, versicolor, or virginica) according to a categorical color legend. The visualization is built with D3.js, using `scaleLinear` for axes, `scaleOrdinal` with `schemeCategory10` for colors, and modular components for drawing axes and the color legend. The code leverages D3's selection joins for efficient SVG element updates.

CCinSiangNg

84% match

Loading thumbnail…

109550057_Iris Scatter Plot

This interactive scatter plot visualizes the Iris flower dataset, allowing users to explore relationships between sepal and petal measurements across three species: setosa, versicolor, and virginica. The visualization uses dropdown menus to dynamically select which measurement appears on the x- and y-axes, with each species distinguished by color and labeled in a legend. The code employs D3 v5’s `select`, `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to load data, render SVG circles, and update the chart upon user selection. Data comes from the classic Iris dataset, presented as an SVG with semi-transparent points.

Jjasonlovechu

83% match

Loading thumbnail…

Iris_Scatter

This interactive scatter plot visualizes the Iris flower dataset, displaying measurements of sepal length, sepal width, petal length, and petal width as colored points representing three species. Users can select which measurement appears on each axis via dropdown menus, with smooth animated transitions updating the axes and point positions. The visualization uses D3.js v7, including d3.csv for data loading, d3.scaleLinear for scaling, d3.axisBottom and d3.axisLeft for axes, and d3.transition for animated updates. Each species receives a distinct color: red for setosa, green for versicolor, and blue for virginica.

ZZeroKurosakii

83% match

Loading thumbnail…

Scatter plot of Iris

This interactive scatter plot visualizes the Iris flower dataset, showing measurements of sepal and petal length and width for three species. The visualization uses d3.select, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.scaleOrdinal to render circles colored by species (red for setosa, blue for versicolor, green for virginica) with an opacity of 0.3. Users can dynamically select which measurements to plot on the x and y axes via dropdown menus. The SVG rendering includes grid lines, labeled axes, and a title, with data loaded from a local CSV file.

Wweird_danger

83% match

Loading thumbnail…

Scatter Plots (Iris)

This example visualizes the classic Iris dataset, plotting sepal length against sepal width. Each dot is color-coded by species using D3's `scaleOrdinal`, with hover tooltips revealing exact measurements. The SVG chart is built with D3 v7, using `csv` and `autoType` to load and parse the remote data, `scaleLinear` for axes, and `axisBottom`/`axisLeft` for tick marks. The plot updates responsively to its container width, and the `title` element provides interactive detail.

KKrishna.

83% match