Iris Dataset Scatter Plot- AISHWARYA M

100%

Iris Dataset Scatter Plot- AISHWARYA M

✓ Published0🌍 Public

Last edited Mar 7, 2022

Created on Mar 7, 2022

This scatter plot visualizes the Iris Dataset, mapping petal length and width for each flower and coloring points by species (setosa, versicolor, or virginica). The D3 v6 code loads the CSV data via `d3.csv`, uses `scaleLinear` and `extent` to set axes, and renders SVG circles with a fixed radius. It also destructures functions like `select` and axes for concise, reactive updates. The viewport fills the window, with readable 24-pixel tick labels.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

IRIS DATASET SCATTER PLOT - AISHWARYA M

This scatter plot visualizes the Iris dataset, encoding sepal length and petal length to reveal clustering patterns among iris species, with each circle representing a flower. It renders as an SVG using D3 v5, employing `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for species colors, and the `d3-legend` plugin for a color legend. Axis tick lines and labels are styled via CSS, and data is loaded from a CSV URL using `d3.csv`.

AAishwarya Manjunath

94% match

Loading thumbnail…

Fork of IRIS DATASET SCATTER PLOT - AISHWARYA M

This scatter plot visualizes the Iris dataset, emphasizing clustering by sepal length on the x-axis and petal length on the y-axis, with each circle representing an iris flower colored by species. Built with D3 v5, it uses `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and `d3.legendColor` to render a color legend. Data is loaded via `d3.csv` from a GitHub-hosted CSV, and the SVG rendering includes styled axis labels and legend text.

AAishwarya Manjunath

92% match

Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, showing the relationship between petal length and petal width for three species of iris flowers. Each species is distinguished by color: yellow for setosa, green for versicolor, and purple for virginica. The D3 v6 code loads CSV data from a GitHub gist, uses `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to map the measurements to screen coordinates, and renders colored SVG circles with a fixed radius. The chart also includes rotated and bottom axis labels for sepal length and petal length.

AAashish Pandey

90% match

Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width to the x and y axes while coloring each point by species (setosa, versicolor, virginica) using green, red, and blue. Built with D3 v6 and SVG, it loads CSV data via `d3.csv`, scales domains with `scaleLinear` and `extent`, and renders circles with `selectAll().data().join()`. Axes are generated through `axisLeft` and `axisBottom`, with custom tick styling and static text labels for both dimensions. The plot fills the browser window with margins and a consistent point radius.

Aavinash021997

90% match

Loading thumbnail…

Iris Dataset Scatter Plot

This visualization displays the famous Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis, with each of the three species—setosa, versicolor, and virginica—represented by black, green, and orange circles respectively. The code loads CSV data using D3’s `csv` function, parses numeric fields, and constructs linear scales with `scaleLinear` and `extent`. It renders SVG circles with attributes bound to the data, and includes axis labels via `axisLeft` and `axisBottom`. The chart is built with D3 v6 and fills the browser window.

RRahulChaitu999

90% match

Loading thumbnail…

3D Scatter Plot Iris Dataset AISHWARYA-M

This 3D scatter plot visualizes the classic Iris dataset, mapping petal length, petal width, and sepal width to the x, y, and z axes, with species determining point color. The visualization supports interactive rotation via panning and features continuous auto-rotation animation. It renders circular sprites using Three.js on a WebGL canvas with HiDPI scaling, while D3 handles data parsing, linear scales, and ordinal color mapping via `d3.csv`, `d3.scaleLinear`, and `d3.scaleOrdinal`. The zoom interaction is configured to constrain rotation within vertical limits.

AAishwarya Manjunath

89% match

Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and petal width along the axes while coloring each circle by species (setosa in green, versicolor in orange, and virginica in brown). The chart uses D3 v6 to load CSV data, apply linear scales, and render SVG circles and axes. Though circles are drawn with a fixed radius, the code also reads sepal dimensions, and axis labels indicate petal length and sepal length. The visualization fills the browser window with a minimal margin-based layout.

RRadhakrishna246

89% match

Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris dataset, plotting petal length against petal width for individual flowers, with points colored by species (brown for setosa, orange for versicolor, red for virginica). The visualization uses D3.js v6, employing `scaleLinear` and `extent` to map data ranges to screen coordinates, and renders circles as SVG marks via `selectAll` and `join`. Axes are generated with `axisLeft` and `axisBottom`, while the data is loaded asynchronously from a CSV URL using D3’s `csv` function.

SSyed Araib Karim

89% match