Skip to main content
SimilarExport ZIP
100%

Scatter Plot for IRIS dataset

✓ Published1🌍 Public
Pprashanth yamala
Last edited Jun 25, 2022
Created on Jun 25, 2022

This example visualizes the Iris dataset using a scatter plot of petal length versus petal width, colored by species. It uses D3.js v6 with the `csv`, `select`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to fetch data, scale axes, and render the SVG. The plot also encodes sepal dimensions as `rx` and `ry` attributes on circles, though the rendering effect is not configured. Data is loaded from a remote GitHub Gist via D3's `csv` function.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

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
93% 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
92% 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…

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

Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, plotting petal length against petal width on the axes while coloring each point by species—setosa in pink, versicolor in blue, and virginica in red. The visualization uses D3 v6 (d3.scaleLinear, d3.extent, d3.axisLeft, d3.axisBottom) to render an SVG with circles whose radii are fixed but also encode sepal length and width via the `rx` and `ry` attributes. Data loads via `d3.csv` from a GitHub gist, and the chart fills the entire browser window.

SSumanya4
92% match
Loading thumbnail…

Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample while coloring points by species (setosa, versicolor, virginica). The visualization uses D3.js v6 with SVG rendering, employing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for axes and scales. Data loads from a CSV via the `csv` function. The code also references sepal dimensions but does not plot them, and includes a custom marker function to assign colors to each species group.

Ssudhamshu24
92% match
Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and petal width to x and y axes while coloring each point by species (setosa, versicolor, or virginica). The visualization uses D3 v6’s `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the chart, with circles rendered as SVG elements. Data is loaded via `d3.csv` from a GitHub gist, and radii are set to a constant value despite additional sepal measurements being parsed. Axis labels appear rotated for the y-axis, and the full window dimensions define the SVG canvas.

Ssaijahnaviappineni
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
91% match