Skip to main content
SimilarExport ZIP
100%

Fork of Iris Dataset Scatter Plot

✓ Published0🌍 Public
LLakshmiVandanaNunna
Last edited Mar 6, 2022
Created on Mar 6, 2022

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width to the x and y axes. Each point’s color corresponds to the species of iris, distinguishing setosa, versicolor, and virginica. The chart is rendered as an SVG using D3 v6, with axes generated via `d3.axisLeft` and `d3.axisBottom`. Scales are created with `d3.scaleLinear`, and the data is loaded asynchronously from a CSV file using `d3.csv`.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This example visualizes the Iris Dataset, plotting petal length against petal width while color-coding each point by species—setosa in blue, versicolor in red, and virginica in black. The SVG scatter plot is rendered using D3 v6, with axes created via `axisLeft` and `axisBottom`. Data is loaded asynchronously from a GitHub Gist using `d3.csv`, then transformed with `scaleLinear` and `extent` to map values to screen coordinates. Though the code sets `rx` and `ry` attributes, circles remain round with a fixed radius of five pixels.

DDivyaVellanki
96% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This example visualizes the Iris dataset, plotting petal length against petal width for individual flower specimens while color-coding points by species (setosa, versicolor, and virginica). It uses D3 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to generate axes and map data to screen coordinates. The SVG circles are rendered with `select`, `append`, and a join operation, and the data is loaded via `d3.csv` from a raw GitHub source.

Bblikitha
96% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This example shows a scatter plot of the Iris dataset, mapping petal length against petal width, with points colored by species (setosa, versicolor, and virginica). The code uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, scale axes, and render SVG circles. The plot is sized to the full window and uses a fixed radius of 4 pixels for each point. Data is fetched from a GitHub-hosted CSV file.

Vvidhyanamini
95% match
Loading thumbnail…

Fork of 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. Points are colored by species (setosa, versicolor, virginica) using blue, red, and black. The chart also encodes sepal length and width into the `rx` and `ry` attributes of each circle, though these do not affect rendering since they are not recognized SVG circle properties. The implementation uses D3 v6 to load CSV data with `d3.csv`, scales with `scaleLinear`, and draws axes via `axisLeft` and `axisBottom`.

SShivaKarpe
95% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis and petal width on the y-axis. Each point is colored by species (setosa, versicolor, or virginica), though the code also loads sepal dimensions without displaying them. Built with D3 v6, it uses `d3.csv` to load data, `scaleLinear` for axes, and `axisLeft`/`axisBottom` for tick marks. Circles are rendered as SVG elements with `selectAll` and `join`, with axis labels added via SVG text elements.

MMeghanaArepalli
95% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This example visualizes the Iris dataset, plotting petal length and width for individual flowers, with each species (setosa, versicolor, virginica) assigned a distinct color (blue, red, black). It uses D3 v6 to fetch the CSV data via `d3.csv`, then maps the values to screen coordinates using `d3.scaleLinear` and `d3.extent`. Circles are rendered with an SVG `join` operation, and axes are added with `d3.axisLeft` and `d3.axisBottom`. The plot fills the browser window, leveraging a full-screen SVG canvas.

DDanthalakirankumar
95% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width along the axes while coloring each point by species (setosa, versicolor, or virginica). The visualization is built with D3 v6, using `scaleLinear` for axes, `axisLeft` and `axisBottom` for ticks, and SVG circles for marks. Data loads from a CSV via `d3.csv`, with numeric parsing for measurement columns. The code assigns colors through a switch statement and uses fixed radius points, with margins configured for the full browser viewport.

RRamakanth771
95% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the classic Iris Dataset, mapping petal length and width on the axes and coloring each point by species (setosa, versicolor, or virginica). It uses D3 v6 to load CSV data, parse numeric fields, and render an SVG with circles. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, while `d3.scaleLinear` and `d3.extent` set the scales. Although the circles carry extra sepal length and width attributes, only the petal dimensions are visible in the plot.

SSreekarveeravelly
95% match