Iris Dataset Scatter Plot

100%

Iris Dataset Scatter Plot

✓ Published0🌍 Public

Last edited Mar 6, 2022

Created on Mar 6, 2022

This scatter plot visualizes the Iris Dataset, plotting petal length on the x-axis against sepal length on the y-axis. Each flower is represented by a red circle, with axes labeled directly in the SVG. The code loads CSV data using `d3.csv`, then applies `scaleLinear` with `extent` to map values, and renders marks via SVG circles. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, while the chart fills the browser window using `window.innerWidth` and `window.innerHeight`.

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 width along the x- and y-axes while coloring each point by species. It also encodes sepal length and width into the horizontal and vertical radii of each circle, creating an elongated marker shape. The code loads data from a CSV using `d3.csv`, applies `d3.scaleLinear` and `d3.extent` for scales, and renders circles with SVG attributes `cx`, `cy`, `r`, `rx`, and `ry`. Axes are drawn with `d3.axisLeft` and `d3.axisBottom`, and the visualization fills the browser window.

Vvidhyanamini

96% match

Loading thumbnail…

Iris Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis against sepal length on the y-axis for each flower sample. The code loads the CSV data using d3.csv, parses numeric fields, and scales the values with d3.scaleLinear and d3.extent. Circles mark each data point in an SVG rendered at full viewport size. Axes are added with d3.axisLeft and d3.axisBottom, while custom text labels for "Petal Length" and "Sepal Length" are positioned using SVG transforms. The example uses D3 v6 and a margin-based layout for the plot.

LLakshmiVandanaNunna

95% match

Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and petal width for individual flowers while encoding species through color. It renders SVG circles using D3 v6, with scales from `d3.scaleLinear` and axes generated by `d3.axisLeft` and `d3.axisBottom`. The code loads CSV data via `d3.csv`, parses numeric fields, and positions marks based on the dataset’s sepal measurements. Axis labels indicate petal length on the x-axis and sepal length on the y-axis, offering a direct comparison of these floral traits.

AArv1228

95% match

Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, plotting petal length against sepal length for individual flowers. The code loads CSV data using `d3.csv`, parses numeric fields, and renders circles with D3 v6’s `scaleLinear`, `axisLeft`, and `axisBottom`. Axes are labeled with SVG text elements, and the chart fills the browser viewport. The visualization uses an SVG rendering approach with data-driven circle positioning.

DDeegutla123

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

95% match

Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and sepal length on the y-axis as red circles. The axes are rendered using d3.axisLeft and d3.axisBottom, while d3.scaleLinear and d3.extent compute the scales from the CSV data loaded via d3.csv. The SVG canvas fills the viewport, with fixed margins and labeled axes added as text elements.

Uubl2

95% match

Loading thumbnail…

Scatter Plot for Iris dataset

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis against sepal length on the y-axis for each flower sample. The code loads the data via `d3.csv`, parses numeric values, and uses `d3.scaleLinear` with `d3.extent` to set the scales. Circles are drawn using SVG elements, with axes generated by `d3.axisLeft` and `d3.axisBottom`. Axis labels are added manually as SVG text elements. The plot renders full-screen, with a margin-based layout and a fixed point radius of 5 pixels.

Cchandrakalavanukuri

95% match

Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width for each sample while coloring points by species (setosa, versicolor, virginica). It uses D3 v6’s `csv` loader, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to render an SVG chart. Circle marks encode petal measurements, while sepal length and width are stored as unused `rx`/`ry` attributes. The axes are labeled with rotating text, and the visualization fills the browser window, with the data fetched from a GitHub-hosted CSV file.

Bbhargavarathod

95% match