Kishen Iris Dataset Scatter Plot

100%

Kishen Iris Dataset Scatter Plot

✓ Published1🌍 Public

Last edited Mar 8, 2022

Created on Mar 8, 2022

This scatter plot visualizes the Iris Dataset, mapping petal length and width to the x- and y-axes while encoding species with color: red for setosa, limegreen for versicolor, and orange for virginica. Built with D3 v6 and rendered as SVG, the code uses `d3.csv`, `scaleLinear`, `axisLeft`, and `axisBottom` to load data, scale coordinates, and draw axes. It also assigns circle radii based on sepal dimensions, though these remain constant in the visible output.

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

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

93% match

Loading thumbnail…

Iris Dataset Scatter Plot

This example visualizes the Iris Dataset as a scatter plot, mapping petal length and width to the x- and y-axes while coloring each point by species (setosa, versicolor, or virginica) using orange, green, and purple. The SVG rendering is built with D3 v6, using `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct scales and axes. Data is loaded asynchronously via `d3.csv`, with numeric fields parsed on input, and the chart includes custom axis labels and a title.

AAnanyaSamala

92% match

Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and petal width to x and y axes while coloring each point by species (setosa, versicolor, or virginica). The visualization uses D3 v6’s `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the chart, with circles rendered as SVG elements. Data is loaded via `d3.csv` from a GitHub gist, and radii are set to a constant value despite additional sepal measurements being parsed. Axis labels appear rotated for the y-axis, and the full window dimensions define the SVG canvas.

Ssaijahnaviappineni

92% match

Loading thumbnail…

Iris Dataset Scatter Plot

This interactive scatter plot visualizes the Iris dataset, mapping petal length and width on the x and y axes while coloring each point by species (setosa, versicolor, virginica). The SVG rendering uses d3.select, d3.csv, and d3.scaleLinear to load and scale the data, with d3.extent computing the axis domains. Axis labels and a title are added via SVG text elements, and the plot includes left and bottom axes generated by d3.axisLeft and d3.axisBottom.

KKande2011

92% match

Loading thumbnail…

Iris Dataset Scatter Plot

This example visualizes the Iris Dataset as a scatter plot, mapping petal length to the x-axis and petal width to the y-axis, with each point colored by species (blue for setosa, red for versicolor, black for virginica). The code uses D3 v6, loading CSV data via `d3.csv`, scaling with `scaleLinear`, and rendering SVG circles with `selectAll` and `join`. It also draws labeled x- and y-axes using `axisBottom` and `axisLeft`, while the plot’s dimensions adapt to the browser window.

KKolliTeja

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

92% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis against sepal length on the y-axis, with points colored by species (setosa, versicolor, and virginica). Built with D3 v6 and rendered as SVG, it uses `d3.csv` to load data, `scaleLinear` and `extent` to set scales, and `axisLeft` and `axisBottom` for axes. Circle marks are appended via `data().join()`, with a custom color mapping function for each species. The plot fills the browser window and includes labeled axes.

KK V VINITHA

92% match

Loading thumbnail…

Iris Dataset Scatter Plot

This D3.js scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis against sepal length on the y-axis. Each point represents an iris flower, colored by species (setosa in chartreuse, versicolor in orange, and virginica in blue). The code loads data from a CSV file via `d3.csv`, uses `scaleLinear` for axes, and renders circles as SVG elements. Axes are generated with `axisLeft` and `axisBottom`, while text labels for the axes are appended separately.

VVaishnavi6199

91% match