Skip to main content
SimilarExport ZIP
100%

Fork of Scatter Plot Using Iris Data

✓ Published2🌍 Public
SSushmareddy-gudipally
Last edited Mar 28, 2022
Created on Mar 28, 2022

This scatter plot displays the Iris dataset, showing petal length and petal width on the axes, with each data point colored by species. The visualization uses D3’s `scaleLinear` and `extent` for scaling, and `csv` for data loading. It renders SVG circles with attributes for position, color, and radius. The chart includes axis labels and uses the `axisLeft` and `axisBottom` functions for tick marks. The data is fetched from a GitHub-hosted CSV file.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Scatter Plot Using Iris Data

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes, with circles colored by species. It also encodes sepal length and width as the rx and ry attributes of each circle, creating elliptical markers. The visualization is built with D3 v6, using `csv` to load data, `scaleLinear` for axes, and SVG circles with `attr` bindings. Axis labels and tick styling are customized via CSS and D3's `axisLeft` and `axisBottom`.

SSushmareddy-gudipally
96% match
Loading thumbnail…

Fork of Iris Sushma

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, with the fill color assigned via a custom function that maps the dataset’s species names to specific colors. The plot uses D3’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to scale the data and render axes, while circles are drawn with SVG attributes in a `join` operation. The data is loaded as CSV from a GitHub gist.

SSushmareddy-gudipally
94% match
Loading thumbnail…

Fork of Scatter Plot Using Iris Data

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes. Points are colored by species using a switch statement, with setosa, versicolor, and virginica shown in orange, green, and purple. The code loads CSV data via `d3.csv`, uses `scaleLinear` and `extent` for scales, and renders circles with SVG attributes. Axis labels and tick text are styled with custom fonts, and the plot fills the browser window.

DDINESH SAI BOPPANA
93% match
Loading thumbnail…

Fork of Scatter Plot Using Iris Data

A scatter plot of the Iris dataset maps petal length and width for individual flowers, coloring each point green, purple, or red based on species. The visualization uses D3 v6 methods including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to set scales and axes, with circles rendered as SVG markers. Data loads from a remote CSV via `d3.csv`, and the plot fills the browser window by dynamically sizing the SVG to `window.innerWidth` and `window.innerHeight`. Axis labels clarify the mapped variables, while raw sepal dimensions are included in the data model but not plotted.

SSohilaBheemReddy
93% match
Loading thumbnail…

Fork of Scatter Plot Using Iris Data

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with each data point colored by species (green, purple, or red). The code uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`, rendering circles as SVG elements. Sepal length and width are also read from the data, though they are not used in the plot’s geometry, and axis labels are added as text elements.

SSheshidharreddy
93% 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). The code loads CSV data using D3’s `d3.csv`, scales the axes with `d3.scaleLinear`, and renders circles as SVG elements. Axes are generated via `d3.axisLeft` and `d3.axisBottom`, and the plot fills the browser window using `window.innerWidth` and `window.innerHeight`. The data is sourced from a GitHub gist containing iris measurements.

Ssaiteja0725
93% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width onto the x- and y-axes. Each point is colored by species—green, orange, or brown—using a custom marker function. Built with D3 v6, the SVG chart uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for scales and axes. Data is loaded via `d3.csv` from a GitHub gist, with numeric fields parsed on ingestion. The visualization fills the screen and includes axis labels for petal length and sepal length.

BBajiSharifPatan@my.unt.edu
93% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This visualization shows the classic Iris dataset as a scatter plot, mapping petal length and width for three flower species colored blue, red, and black. The code uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select`. It loads the dataset from a GitHub gist URL, parses numeric fields, and renders circles as SVG elements sized by sepal measurements. The axes display species separation, with circle positions computed via linear scales that map data values to pixel coordinates across the full window dimensions.

SSreejaBellamkonda
93% match