Skip to main content
SimilarExport ZIP
100%

Scatter Plot for Iris Data

✓ Published0🌍 Public
Aarcothanmukha
Last edited Mar 28, 2022
Created on Mar 28, 2022

This example renders the classic Iris dataset as a scatter plot using D3 v6. It maps petal length and petal width to the x and y axes, coloring each point by species (setosa, versicolor, or virginica) with yellow, pink, or blue fills. The dataset is loaded via `d3.csv` from a GitHub raw URL, with numeric parsing of all measurements. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, using `d3.scaleLinear` and `d3.extent` to set domains based on the data.

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

Scatter Plot with Iris Data

This scatter plot visualizes the Iris dataset, showing petal length and width on the x- and y-axes, with each point scaled by sepal dimensions and colored by species (setosa in black, versicolor in yellow, virginica in blue). It uses D3 v6 with `d3.csv` to load data, `scaleLinear` for scales, `axisLeft` and `axisBottom` for axes, and SVG circles for rendering. The data is parsed from a GitHub-hosted CSV, and axis labels are positioned with D3’s selection and append methods.

Ssalimjivani
93% match
Loading thumbnail…

Scatter plot for iris data set

This visualization displays the classic Iris dataset as a scatter plot, mapping petal length on the x-axis and sepal length on the y-axis. Each point represents an individual flower, colored by species (setosa, versicolor, or virginica) using a custom marker function. The code loads data via `d3.csv` from a GitHub gist, parses numeric fields, and renders circles with `d3.selectAll` and `.join()`. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, while `d3.scaleLinear` and `d3.extent` set the scales to the data domain.

Aachalasam
93% 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
93% match
Loading thumbnail…

scatter plot

This D3 scatter plot displays the Iris Dataset, using petal length and width for the x- and y-axes while encoding species membership through circle colors (green, yellow, and black). It also maps sepal measurements to each point’s `rx` and `ry` attributes, though these elliptical properties are overridden by a fixed radius. Data loads via `d3.csv` and parses numeric columns. Axes are rendered with `d3.axisLeft` and `d3.axisBottom`, while scales use `d3.scaleLinear` and domains derive from `d3.extent`. SVG rendering creates responsive, full-viewport visuals with rotated axis labels.

Eeravellisaimeghana
93% 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
93% match
Loading thumbnail…

Scatter_plot iris

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width for each sample and coloring points by species (green for setosa, purple for versicolor, red for virginica). It uses D3 v6 with `d3.csv` to load the data, `scaleLinear` for x and y axes, and `axisLeft` and `axisBottom` to render scales. Circles are drawn in SVG with `join('circle')`, and additional sepal dimensions are encoded in the attributes, though the primary visual encoding focuses on petal measurements.

SSohilaBheemReddy
93% match