Fork of Iris Dataset Scatter Plot

100%

Fork of Iris Dataset Scatter Plot

✓ Published0🌍 Public

Last edited Mar 7, 2022

Created on Mar 7, 2022

This interactive scatter plot visualizes the Iris dataset, mapping sepal length and width for each flower sample. The visualization uses D3 v6 to load the CSV data, applying scales with `d3.scaleLinear` and rendering circles as SVG elements. Axes are generated using `d3.axisLeft` and `d3.axisBottom`, positioned within a defined margin. While all points are rendered in a uniform light pink, the code includes petal length and width values that could adjust the circle’s rx and ry attributes, though the current radius remains constant at 8 pixels.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This visualization displays the Iris dataset as a scatter plot, mapping petal length to the x-axis and petal width to the y-axis, with points colored by species (orange, darkpink, and gold). It loads CSV data via `d3.csv`, parses numeric fields, and uses `d3.scaleLinear` with `d3.extent` to set domains. Axes are rendered with `d3.axisLeft` and `d3.axisBottom`, while circles are drawn using SVG `selectAll().data().join()`. Although labels mention sepal dimensions, the axis text is inconsistent, and the `rx`/`ry` attributes do not affect circle rendering.

Vvegurusaiprathyusha

93% match

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This visualization displays the classic Iris Dataset as a scatter plot, mapping petal length and width to the x and y axes while using color to distinguish between the three species (setosa, versicolor, and virginica). The chart also encodes sepal measurements as the rx and ry attributes on the circular marks, though these have no visible effect on the default SVG circle rendering. Built with D3 v6, it loads the CSV data via `d3.csv`, scales the axes with `d3.scaleLinear`, and renders the plot using SVG circles, `axisLeft`, and `axisBottom`.

Pprajoth0405

93% match

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This D3.js v6 scatter plot visualizes the Iris dataset, plotting sepal length against sepal width for each sample. The code uses `d3.csv` to load the data, then maps petal length and width values to the `rx` and `ry` attributes of each circle, though the hardcoded `r` radius and black fill result in uniform circular marks. SVG rendering is managed via the `select`, `append`, and `join` API, with axes generated through `scaleLinear`, `axisLeft`, and `axisBottom`.

Aanushatod

93% 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

93% match

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This visualization displays 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). It also encodes sepal length and width as the horizontal and vertical radii of the ellipse-shaped markers, adding extra data dimensions. Built with D3 v6, the code loads CSV data using `d3.csv`, scales axes with `scaleLinear`, and renders the plot as SVG circles with `rx` and `ry` attributes, using `axisLeft` and `axisBottom` for ticks.

SSaikiran2029

93% 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

93% match

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the classic Iris Dataset, mapping petal length and width on the x- and y-axes, with each point colored by species (setosa, versicolor, virginica) via a custom marker function. Built with vanilla HTML and D3 v6, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render SVG circles and axes. The data loads from a remote CSV using `d3.csv`, and the plot fills the browser window, with marks carrying additional sepal measurements as unused `rx` and `ry` attributes.

Ppreethamkesa

93% 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

93% match