Skip to main content
SimilarExport ZIP
100%

Fork of Iris Dataset Scatter Plot

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

This visualization shows the classic Iris dataset as a scatter plot, mapping petal length and width for three flower species colored blue, red, and black. The code uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select`. It loads the dataset from a GitHub gist URL, parses numeric fields, and renders circles as SVG elements sized by sepal measurements. The axes display species separation, with circle positions computed via linear scales that map data values to pixel coordinates across the full window dimensions.

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

Fork of Iris Dataset Scatter Plot

This example visualizes the Iris Dataset, plotting petal length against petal width for three iris species, each colored blue, red, or black. It uses D3 v6 with `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, scale axes, and render an SVG scatter plot. Circles are positioned on the x- and y-scales, with the underlying sepal measurements stored as `rx` and `ry` attributes. The visualization fills the browser window and includes labeled tick marks with enlarged font sizes.

Bbindhureddy98
95% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This example visualizes the Iris Dataset, plotting petal length against petal width for three iris species, each colored blue, red, or black. It uses D3 v6 with `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, scale axes, and render an SVG scatter plot. Circles are positioned on the x- and y-scales, with the underlying sepal measurements stored as `rx` and `ry` attributes. The visualization fills the browser window and includes labeled tick marks with enlarged font sizes.

Bbindhureddy98
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). The code loads CSV data using D3’s `d3.csv`, scales the axes with `d3.scaleLinear`, and renders circles as SVG elements. Axes are generated via `d3.axisLeft` and `d3.axisBottom`, and the plot fills the browser window using `window.innerWidth` and `window.innerHeight`. The data is sourced from a GitHub gist containing iris measurements.

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

Fork of Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, displaying petal length against petal width for individual flowers. Each point is colored by species, using blue, red, and black to distinguish setosa, versicolor, and virginica. The visualization uses D3 v6 APIs including `select`, `scaleLinear`, `extent`, and `axisBottom` to map data to SVG circles, with point radius fixed while sepal dimensions are encoded as rx and ry attributes on the circle elements. The chart fills the entire browser window.

DDivyaVellanki
94% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This is a D3.js scatter plot visualizing the Iris Dataset, separating flower species by color (blue, red, black) based on petal length and width. The chart maps sepal dimensions to circle radii, creating variable-sized points. It loads data via `d3.csv`, uses `d3.scaleLinear` and `d3.extent` for scales, and renders axes with `d3.axisLeft` and `d3.axisBottom`. Drawn as SVG circles with `d3.selectAll().join()`, it includes labeled axes for petal and sepal measurements.

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