Skip to main content
SimilarExport ZIP
100%

IRIS Dataset Scatter plot

✓ Published0🌍 Public
SSumanya4
Last edited Mar 7, 2022
Created on Mar 7, 2022

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.

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

SSumanya4
96% 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 example visualizes the classic Iris dataset, plotting sepal length on the x-axis against petal length on the y-axis for each flower specimen. Each circle represents one data point, with the scatter plot revealing the overall distribution and clustering patterns across the three species. The visualization is built using React with D3 v5, leveraging `d3.csv` to load the data, `scaleLinear` and `extent` for scaling, and `axisLeft` and `axisBottom` to render the axes. The SVG chart is rendered full-screen, with axis labels for Sepal Length, Petal Length, and Species.

RRohith arabati
94% 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
94% 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
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 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
92% 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
92% match