Skip to main content
SimilarExport ZIP
100%

IRIS Dataset Scatter plot

✓ Published0🌍 Public
SSumanya4
Last edited Mar 7, 2022
Created on Mar 7, 2022
Forked from D3 Scatter Plot

This scatter plot visualizes the Iris Dataset, showing the relationship between petal length and sepal length for individual flowers. The code uses D3 v5 to load CSV data, map it to x and y scales via `scaleLinear` and `extent`, and render circles as SVG marks. Axes are added using `axisLeft` and `axisBottom`, with margins and responsive sizing based on the window dimensions.

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 classic Iris Dataset, plotting sepal length against petal length for individual flowers. Each circle represents a sample from one of three species, though the color mapping for species is not applied in the rendering. The visualization uses D3 v5 to load CSV data, create linear scales with `d3.scaleLinear` and `d3.extent`, and render the scatter plot as SVG circles with axes generated by `d3.axisLeft` and `d3.axisBottom`. The chart fills the browser window and includes custom axis labels.

SSumanya4
96% 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, with each point colored by species (setosa in blue, versicolor in red, and virginica in black). The code uses D3 v6’s `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data from a remote CSV, build linear scales, render axes, and draw circles via SVG. The plot fills the browser window, and points are fixed at a radius of 5 pixels, while sepal measurements are stored but not visually encoded.

SSumanya4
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, with each point colored by species (setosa in blue, versicolor in red, and virginica in black). The code uses D3 v6’s `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data from a remote CSV, build linear scales, render axes, and draw circles via SVG. The plot fills the browser window, and points are fixed at a radius of 5 pixels, while sepal measurements are stored but not visually encoded.

SSumanya4
95% match
Loading thumbnail…

IRIS Dataset Scatter plot

This scatter plot visualizes the Iris dataset, showing sepal length against petal length for individual flowers. Each circle represents a sample, though the code does not differentiate species by color. The visualization uses D3 v5 APIs including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `csv` to load and parse the data from a GitHub gist. SVG circles are positioned via margin-based linear scales, while axis labels are rotated and placed manually. The chart auto-sizes to the browser window using `innerWidth` and `innerHeight`.

RRohith arabati
94% match
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
93% match
Loading thumbnail…

Iris Dataset Scatter Plot

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`.

Aaashrithd4
93% match
Loading thumbnail…

IRIS Dataset Scatter plot

This D3.js scatter plot visualizes the Iris Dataset, mapping sepal length on the x-axis and petal length on the y-axis. The SVG rendering uses `d3.csv` to load and parse the data, `d3.scaleLinear` for axis scaling, and `d3.extent` to compute domains. Circles are drawn with a fixed radius, and axes are generated using `d3.axisLeft` and `d3.axisBottom`. The plot includes axis labels for sepal length, petal length, and species, with a margin layout that accommodates the tick text. The code uses `d3.select` to append elements and the `join` operator for efficient circle creation.

PPrathyusha0304
93% 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
93% match