Skip to main content
SimilarExport ZIP
100%

Fork of Iris Dataset Scatter Plot

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

This is a D3.js scatter plot visualizing the Iris Dataset, separating flower species by color (blue, red, black) based on petal length and width. The chart maps sepal dimensions to circle radii, creating variable-sized points. It loads data via `d3.csv`, uses `d3.scaleLinear` and `d3.extent` for scales, and renders axes with `d3.axisLeft` and `d3.axisBottom`. Drawn as SVG circles with `d3.selectAll().join()`, it includes labeled axes for petal and sepal measurements.

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

Fork of Iris Dataset Scatter Plot

This D3.js (v6) scatter plot visualizes the Iris Dataset, mapping petal length and width for each flower sample while encoding species with distinct colors (purple, red, teal). The SVG rendering uses `d3.csv` to load the data, `d3.scaleLinear` for axes, and `d3.axisLeft`/`d3.axisBottom` for tick marks. Circular marks are positioned via `selectAll('circle').join('circle')` and labeled with rotated axis titles for petal length and width. The plot fills the browser window and includes a 24px tick font size for readability.

YYbg99g
95% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This fork of the Iris Dataset scatter plot visualizes petal length and width for three iris species, coloring each point by species (blue, red, or black). The D3 v6 code loads CSV data from a gist, maps petal dimensions to the x and y axes, and draws circles with a fixed radius of 5 pixels. It uses `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render the chart, while also extracting sepal length and width values (rx and ry) without affecting the plot’s visual output.

Sspandhanabadekol
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 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
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
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 each point by species (setosa, versicolor, virginica). Circles are rendered using D3 v6’s `scaleLinear`, `axisLeft`, and `axisBottom` APIs, with the sepal measurements stored as unused `rx` and `ry` attributes. The SVG fills the window, and data is loaded asynchronously via `d3.csv` from a GitHub gist. The view includes 24-pixel tick labels and no interactivity.

SSnigdha6698
95% 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
95% match