Skip to main content
SimilarExport ZIP
100%

Fork of Iris Dataset Scatter Plot

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

This fork of the Iris Dataset scatter plot visualizes the relationship between petal and sepal measurements, with points colored by species (blue for setosa, red for versicolor, black for virginica). Built with D3 v6, it loads CSV data via `d3.csv`, scales coordinates with `d3.scaleLinear`, and renders circles in an SVG container sized to the browser window. Axes are generated using `d3.axisLeft` and `d3.axisBottom`, with tick labels enlarged to 24 pixels for readability.

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 fork of the Iris Dataset scatter plot visualizes sepal and petal measurements, encoding petal length and width along the x- and y-axes while coloring points by species (setosa, versicolor, virginica). The D3 v6 code loads CSV data, uses `scaleLinear` and `extent` for scales, and renders circles via SVG with `select` and `.join`. The circles include `rx` and `ry` attributes mapped from sepal dimensions, and axes are added using `axisLeft` and `axisBottom`. The layout fills the browser window, with tick labels sized at 24 pixels.

Llikith1266
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 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
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, displaying petal length against petal width for individual flowers, with each species color-coded (setosa in green, versicolor in orange, and virginica in brown). The visualization uses D3 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to compute scales and render axes, while circles are drawn in SVG via `selectAll` and `join`. The data is fetched as CSV from a GitHub gist and parsed with numeric coercion, with labels for petal length and sepal length added as text elements.

RRadhakrishna246
95% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This fork of the Iris dataset scatter plot maps petal length and petal width to the x and y axes, with each circle’s fill color indicating the species: green for setosa, purple for versicolor, and orange for virginica. The code also binds sepal length and width values to each circle’s rx and ry attributes, though the circles render as uniform points due to the fixed radius. Built with D3 v6, it loads CSV data via d3.csv, uses scaleLinear and extent for scales, and renders axes with axisLeft and axisBottom in an SVG.

SSohilaBheemReddy
95% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This D3.js (v6) scatter plot visualizes the classic Iris Dataset by plotting petal length against sepal length. Points are colored by species—setosa in chartreuse, versicolor in orange, and virginica in blue—with axes labeled and rendered by `axisLeft` and `axisBottom`. The code loads CSV data via `d3.csv`, maps values using `scaleLinear` and `extent`, and draws circles as SVG marks. The chart fills the browser window, with axis labels added as text elements.

VVaishnavi6199
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