Skip to main content
SimilarExport ZIP
100%

Iris Dataset Scatter Plot

✓ Published0🌍 Public
Ffouzanuddin
Last edited Mar 8, 2022
Created on Mar 8, 2022

This scatter plot visualizes the Iris Dataset, mapping petal length and width for individual flowers while encoding species through distinct green color markers. Implemented with D3 v6, it uses `d3.csv` for data loading, `d3.scaleLinear` with `d3.extent` to establish scales, and SVG circles for rendering. The chart includes labeled axes, with tick text and axis labels customized via CSS. A color-coding function assigns specific greens to setosa, versicolor, and virginica species, making species groups visually separable within the plot.

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 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
96% 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
95% 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
95% 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
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
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
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, 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
95% match