Skip to main content
SimilarExport ZIP
100%

plot

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

This scatter plot visualizes the Iris Dataset, with each circle representing an iris flower and colored by species to emphasize clustering according to petal length and sepal length. The visualization uses D3 v5 to load CSV data, apply linear scales for the axes, and render circles in an SVG. It includes a categorical color scale with a d3-legend color legend, axis labels, and gridlines generated via d3.axisBottom and d3.axisLeft.

AI-generated description

A scatter plot with D3. 2017 style.

This visualization shows The Iris Dataset. It's designed to emphasize clustering by Petal Length and Sepal Length by Species.

Each circle represents an iris flower.

Ported from Bl.ocks.org: Stylized Scatter Plot with Color Legend.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris Dataset, with each circle representing an iris flower colored by species to emphasize clustering patterns between sepal length and petal length. The SVG visualization uses D3 v5 with d3.scaleLinear for axes and d3.scaleOrdinal with d3.schemeCategory10 for categorical coloring. It incorporates the d3-legend library to generate a color legend, while axes are rendered using d3.axisBottom and d3.axisLeft with gridlines and rotated labels. Data loads asynchronously from a CSV via d3.csv.

Kkranthireddyskr
95% match
Loading thumbnail…

scatter plot

This scatter plot visualizes the Iris Dataset, displaying sepal length on the x-axis and sepal width on the y-axis, with each point colored by species (Iris-setosa, Iris-versicolor, or Iris-virginica). The visualization uses D3 v6 to load CSV data, apply linear scales via `d3.scaleLinear`, and render circles in an SVG. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, and additional petal length and width values determine each circle’s radius properties. The plot fills the browser window, with styled tick labels and axis text.

DDineshK2602
93% match
Loading thumbnail…

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 point is colored by species (blue, maroon, or violet) using a custom marker function, with the plot rendered as SVG elements appended to the body. The code loads CSV data via `d3.csv`, maps values with `scaleLinear` and `extent`, and builds axes with `axisLeft` and `axisBottom`.

HHarishkumar1606
92% match
Loading thumbnail…

Scatter Plot Using Iris Data

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each point colored by species (green, purple, or red). It uses d3.csv to load the data, d3.scaleLinear for axes, and d3.axisLeft and d3.axisBottom to render the scales. Circles are drawn as SVG elements via a data join, with labels for the axes in red and purple. The plot is rendered in vanilla HTML.

MMeghanaArepalli
92% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris dataset, showing petal length and width, with points colored by species. The visualization uses D3 v6 to load CSV data from a GitHub gist, scale the axes linearly, and render circles as SVG marks. The plot includes axis labels for petal and sepal measurements, with a supplementary legend indicating the three Iris species.

Cchsaisriharsha@gmail.com
92% match
Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width along the x- and y-axes while coloring each point by species. It also encodes sepal length and width into the horizontal and vertical radii of each circle, creating an elongated marker shape. The code loads data from a CSV using `d3.csv`, applies `d3.scaleLinear` and `d3.extent` for scales, and renders circles with SVG attributes `cx`, `cy`, `r`, `rx`, and `ry`. Axes are drawn with `d3.axisLeft` and `d3.axisBottom`, and the visualization fills the browser window.

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

Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis against sepal length on the y-axis, with points colored by species (setosa, versicolor, and virginica). Built with D3 v6 and rendered as SVG, it uses `d3.csv` to load data, `scaleLinear` and `extent` to set scales, and `axisLeft` and `axisBottom` for axes. Circle marks are appended via `data().join()`, with a custom color mapping function for each species. The plot fills the browser window and includes labeled axes.

KK V VINITHA
92% match