Skip to main content
SimilarExport ZIP
100%

Iris Dataset Scatter Plot

✓ Published0🌍 Public
Mmanvithareddykarra
Last edited Mar 6, 2022
Created on Mar 6, 2022
Forked from HTML Starter

This visualization uses D3.js v6 to render a scatter plot of the classic Iris dataset, mapping petal length on the x-axis and sepal length on the y-axis. Each circle represents a sample, colored by species (black for setosa, blue for versicolor, red for virginica). The code loads CSV data from a GitHub gist, uses `scaleLinear` and `extent` to compute scales, and renders SVG circles with axis labels, employing `axisLeft` and `axisBottom` for the chart axes.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and sepal length on the y-axis. Each circle is colored by species—blue for setosa, yellow for versicolor, and red for virginica—with the D3 v6 scaleLinear and extent functions defining the axes. The SVG is rendered full-window, using D3’s csv loader, axisLeft, axisBottom, and join for circles, while custom axis labels are styled with times font.

Ssumitradevipolina
95% match
Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and petal width to x and y axes while coloring each point by species (setosa, versicolor, or virginica). The visualization uses D3 v6’s `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the chart, with circles rendered as SVG elements. Data is loaded via `d3.csv` from a GitHub gist, and radii are set to a constant value despite additional sepal measurements being parsed. Axis labels appear rotated for the y-axis, and the full window dimensions define the SVG canvas.

Ssaijahnaviappineni
95% match
Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris dataset, comparing petal length against sepal length, with each point colored by species (Iris-setosa in blue, Iris-versicolor in red, and Iris-virginica in black). The visualization uses d3.csv to load and parse the data, then applies d3.scaleLinear and extent to map values to pixel coordinates, drawing circles with SVG. Axes are rendered with d3.axisLeft and d3.axisBottom, and labeled text is added via SVG elements. The plot is displayed full-screen in an HTML page using D3 v6.

Ddivyageethanjali
94% match
Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris dataset, plotting petal length against petal width for individual flowers, with points colored by species (brown for setosa, orange for versicolor, red for virginica). The visualization uses D3.js v6, employing `scaleLinear` and `extent` to map data ranges to screen coordinates, and renders circles as SVG marks via `selectAll` and `join`. Axes are generated with `axisLeft` and `axisBottom`, while the data is loaded asynchronously from a CSV URL using D3’s `csv` function.

SSyed Araib Karim
94% match
Loading thumbnail…

Iris Dataset Scatter Plot

This D3.js scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis against sepal length on the y-axis. Each point represents an iris flower, colored by species (setosa in chartreuse, versicolor in orange, and virginica in blue). The code loads data from a CSV file via `d3.csv`, uses `scaleLinear` for axes, and renders circles as SVG elements. Axes are generated with `axisLeft` and `axisBottom`, while text labels for the axes are appended separately.

VVaishnavi6199
94% match
Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the classic Iris Dataset using D3.js v6, displaying petal length against petal width for three species of iris flowers. The visualization encodes species membership through color, with setosa points in blue, versicolor in red, and virginica in black. The code loads comma-separated data from a GitHub gist, then uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the plot with labeled axes. The SVG rendering uses `<circle>` elements with a fixed radius, while axis text is styled with a 24-pixel font size for readability.

Mmandalasaikrishna007
94% match
Loading thumbnail…

Iris Dataset Scatter Plot

This visualization displays the classic Iris dataset as a scatter plot, mapping petal length to the x-axis and petal width to the y-axis. Each circle represents an individual flower, with color indicating species: black for setosa, green for versicolor, and yellow for virginica. The code uses d3.csv to load the data, then applies d3.scaleLinear with d3.extent for axes, rendered via d3.axisLeft and d3.axisBottom. The SVG circles are positioned using this scaling, and text labels for axes are appended manually.

AABCDB15
94% match
Loading thumbnail…

Iris Dataset Scatter Plot

This visualization displays the famous Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis, with each of the three species—setosa, versicolor, and virginica—represented by black, green, and orange circles respectively. The code loads CSV data using D3’s `csv` function, parses numeric fields, and constructs linear scales with `scaleLinear` and `extent`. It renders SVG circles with attributes bound to the data, and includes axis labels via `axisLeft` and `axisBottom`. The chart is built with D3 v6 and fills the browser window.

RRahulChaitu999
94% match