Skip to main content
SimilarExport ZIP
100%

Iris Dataset Scatter Plot

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

This interactive scatter plot visualizes the Iris dataset, showing the relationship between petal length and sepal length for three flower species. It uses D3.js v6 (d3.csv, d3.scaleLinear, d3.axisLeft, d3.axisBottom) to load and parse the data, scale the points, and render the SVG circles. Each species is assigned a distinct color: skyblue for setosa, red for versicolor, and green for virginica. The visualization includes labeled axes, margins, and a radius of 6 for all data points.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Iris Dataset Scatter Plot

This interactive scatter plot visualizes the Iris dataset, plotting petal length against petal width for individual flowers. Data points are color-coded by species—blue for setosa, red for versicolor, and black for virginica—allowing immediate comparison of species clusters. The visualization loads CSV data using d3.csv, and employs d3.scaleLinear and d3.extent to map the data to screen coordinates, with d3.axisLeft and d3.axisBottom rendering labeled axes. Circles are drawn as SVG elements with d3.selectAll and .join, while the chart also encodes sepal measurements as additional attributes (rx, ry) on each marker.

Ppravalliyaram
96% match
Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and petal width along the axes while coloring each circle by species (setosa in green, versicolor in orange, and virginica in brown). The chart uses D3 v6 to load CSV data, apply linear scales, and render SVG circles and axes. Though circles are drawn with a fixed radius, the code also reads sepal dimensions, and axis labels indicate petal length and sepal length. The visualization fills the browser window with a minimal margin-based layout.

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

Iris Dataset Scatter Plot

This scatter plot visualizes the relationship between petal length and sepal length for Iris flower species, with each point colored by species (setosa, versicolor, virginica). The code loads data from a GitHub gist CSV file using d3.csv, then applies d3.scaleLinear and extent to map the values to screen coordinates. Axes are rendered with d3.axisLeft and d3.axisBottom, while circles are drawn as SVG elements with custom color encoding. The example demonstrates D3 v6 usage, including margin conventions, width/height from window dimensions, and labeled chart annotations.

TTejaswi@3271
95% match
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, showing the relationship between petal length and petal width for three species of iris flowers. Each species is distinguished by color: yellow for setosa, green for versicolor, and purple for virginica. The D3 v6 code loads CSV data from a GitHub gist, uses `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to map the measurements to screen coordinates, and renders colored SVG circles with a fixed radius. The chart also includes rotated and bottom axis labels for sepal length and petal length.

AAashish Pandey
95% 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
95% match
Loading thumbnail…

Iris Dataset Scatter Plot

This example visualizes 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). Each circle’s radius is fixed, while its horizontal and vertical offsets correspond to the raw sepal measurements via the `rx` and `ry` attributes. The SVG renders using D3 v6, with `scaleLinear` and `extent` for scaling, `axisLeft` and `axisBottom` for axes, and `csv` to load the external data file.

SsatishbabuNalajala
94% match