Skip to main content
SimilarExport ZIP
100%

Fork of Scatter Plot Using Iris Data

✓ Published1🌍 Public
RRikibens
Last edited Sep 17, 2022
Created on Sep 17, 2022

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (green, purple, or red). It also encodes sepal length and width via the `rx` and `ry` attributes, though these are not visually apparent since the circles use a fixed radius. Built with D3 v6, the code uses `d3.csv` to load data, `d3.scaleLinear` for axes, and `d3.axisLeft` and `d3.axisBottom` for rendering the SVG chart.

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

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width on the x- and y-axes, with each point colored by species (green, blue, or red). Built with D3 v6 and SVG, it uses `d3.csv`, `scaleLinear`, `axisBottom`, and `axisLeft` to render the axes. The code also reads sepal measurements but does not use them visually. Data is loaded from a GitHub-hosted CSV file, and the chart fills the browser window with fixed margins and 24-pixel tick labels.

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

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width to the x- and y-axes while coloring points by species (setosa, versicolor, and virginica). Using D3 v6, the code loads the CSV data, applies linear scales via `scaleLinear` and `extent`, and renders circles with SVG. It also passes sepal measurements as `rx` and `ry` attributes, though these do not affect circle radius, which remains fixed. Axes are drawn with `axisLeft` and `axisBottom`.

Ppreethamkesa
94% 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
94% match