Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Iris Dataset Scatter Plot

✓ Published0🌍 Public
Ppreethamkesa
Last edited Mar 5, 2022
Created on Mar 5, 2022

This visualization displays the Iris Dataset as a scatter plot, mapping petal length and width to the x and y axes while encoding species as color. It reads CSV data via `d3.csv`, uses `d3.scaleLinear` with `d3.extent` to set domains, and renders SVG circles with `d3.axisLeft` and `d3.axisBottom`. Each point also carries sepal measurements as attributes, though these are not visually encoded. The plot dynamically sizes to the window and uses a 24px tick font 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 example visualizes the Iris Dataset, plotting petal length against petal width, with each point colored by species. A scatter of circles maps these measurements, while additional sepal dimensions are stored as unused properties on each data point. The visualization loads CSV data via `d3.csv`, constructs scales with `d3.scaleLinear`, and renders circles and axes using SVG. The code uses D3 v6, with styling applied through `d3.axisLeft` and `d3.axisBottom`. The plot fills the browser window, and tick labels are enlarged for readability.

Ppreethamkesa
97% match
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 (blue for setosa, red for versicolor, black for virginica). The code loads the data via `d3.csv`, scales the axes with `d3.scaleLinear`, and renders the circles as SVG elements using `selectAll` and `join`, while also storing sepal measurements for potential use. Axes are added with `d3.axisLeft` and `d3.axisBottom`, and the chart fills the entire viewport.

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

Fork of Fork of Iris Dataset Scatter Plot

This visualization displays the classic Iris Dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis. Individual data points are colored by species—green for setosa, yellow for versicolor, and black for virginica—using D3’s scaleLinear and extent functions to set the scales. The SVG rendering uses D3 v6 to append circles, with axes added via axisLeft and axisBottom. Although sepal length and width values are read from the CSV, they are assigned as rx and ry attributes on circles, which does not affect their circular appearance since the radius remains fixed.

Eeravellisaimeghana
94% 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
94% match