Skip to main content
SimilarExport ZIP
100%

Fork of Iris Dataset

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

This visualization displays the classic Iris Dataset as a scatter plot, mapping petal length and width on the x- and y-axes. Each circle’s color encodes the iris species (setosa, versicolor, or virginica). The code uses D3 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`, loading CSV data via `d3.csv`, and renders SVG circles with attributes for position, radius, and fill.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

forked iris dataset

This visualization displays the classic Iris dataset as a scatter plot, mapping petal length and width on the x- and y-axes while coloring each point by species. It uses D3 v6 with `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to construct the plot. The code also reads sepal measurements for each datum but does not use them visually. Data loads asynchronously via `d3.csv` from a gist URL, and circles render in SVG with fixed radius, colored blue, red, or black for the three iris species.

Mmandalasaikrishna007
95% match
Loading thumbnail…

Fork of 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, with points colored by species (blue for setosa, red for versicolor, black for virginica). It uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, scale coordinates, and render axes. Although the circles are drawn using `selectAll` and `join`, the code also sets non-standard `rx` and `ry` attributes from sepal measurements, though these do not affect the circular shape. The plot fills the entire window and is rendered as SVG.

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

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width to x/y positions while encoding sepal dimensions through circle radius and species via color. It uses D3 v6’s `csv` loader, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render an SVG chart. The code assigns fixed radii but also sets non-standard `rx` and `ry` attributes from sepal measurements, creating elliptical marks. The visualization updates dynamically to fill the browser window, with species colored blue, red, or black.

Mmandalasaikrishna007
94% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width to x/y positions while encoding sepal dimensions through circle radius and species via color. It uses D3 v6’s `csv` loader, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render an SVG chart. The code assigns fixed radii but also sets non-standard `rx` and `ry` attributes from sepal measurements, creating elliptical marks. The visualization updates dynamically to fill the browser window, with species colored blue, red, or black.

Mmandalasaikrishna007
94% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width to x/y positions while encoding sepal dimensions through circle radius and species via color. It uses D3 v6’s `csv` loader, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render an SVG chart. The code assigns fixed radii but also sets non-standard `rx` and `ry` attributes from sepal measurements, creating elliptical marks. The visualization updates dynamically to fill the browser window, with species colored blue, red, or black.

Mmandalasaikrishna007
94% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width to x/y positions while encoding sepal dimensions through circle radius and species via color. It uses D3 v6’s `csv` loader, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render an SVG chart. The code assigns fixed radii but also sets non-standard `rx` and `ry` attributes from sepal measurements, creating elliptical marks. The visualization updates dynamically to fill the browser window, with species colored blue, red, or black.

Mmandalasaikrishna007
94% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This visualization displays the Iris Dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, and virginica). It also encodes sepal length and width as the horizontal and vertical radii of the ellipse-shaped markers, adding extra data dimensions. Built with D3 v6, the code loads CSV data using `d3.csv`, scales axes with `scaleLinear`, and renders the plot as SVG circles with `rx` and `ry` attributes, using `axisLeft` and `axisBottom` for ticks.

SSaikiran2029
93% match