Fork of Iris Dataset Scatter Plot- Sushma Reddy

100%

Fork of Iris Dataset Scatter Plot- Sushma Reddy

✓ Published0🌍 Public

Last edited Mar 7, 2022

Created on Mar 6, 2022

This interactive scatter plot visualizes the Iris Dataset, displaying petal length and width for individual flowers while also encoding sepal length and width as point size parameters. Three iris species—setosa, versicolor, and virginica—are distinguished by orange, black, and red fills. Built with D3 v6, the visualization uses `d3.csv` to load data, `d3.scaleLinear` for coordinate mapping, and `d3.axisLeft` and `d3.axisBottom` for chart axes. The plot is rendered as an SVG with circles and labeled axes, with data fetched from a remote CSV source.

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 Sushma

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis. Each point is colored by species, with the fill color assigned via a custom function that maps the dataset’s species names to specific colors. The plot uses D3’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to scale the data and render axes, while circles are drawn with SVG attributes in a `join` operation. The data is loaded as CSV from a GitHub gist.

SSushmareddy-gudipally

94% match

Loading thumbnail…

Fork of Scatter Plot Using Iris Data

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes, with circles colored by species. It also encodes sepal length and width as the rx and ry attributes of each circle, creating elliptical markers. The visualization is built with D3 v6, using `csv` to load data, `scaleLinear` for axes, and SVG circles with `attr` bindings. Axis labels and tick styling are customized via CSS and D3's `axisLeft` and `axisBottom`.

SSushmareddy-gudipally

92% match

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

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.

SSreejaBellamkonda

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

91% match

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis and petal width on the y-axis. Each point is colored by species (setosa, versicolor, or virginica), though the code also loads sepal dimensions without displaying them. Built with D3 v6, it uses `d3.csv` to load data, `scaleLinear` for axes, and `axisLeft`/`axisBottom` for tick marks. Circles are rendered as SVG elements with `selectAll` and `join`, with axis labels added via SVG text elements.

MMeghanaArepalli

91% match

Loading thumbnail…

Fork of Scatter Plot Using Iris Data

This scatter plot displays the Iris dataset, showing petal length and petal width on the axes, with each data point colored by species. The visualization uses D3’s `scaleLinear` and `extent` for scaling, and `csv` for data loading. It renders SVG circles with attributes for position, color, and radius. The chart includes axis labels and uses the `axisLeft` and `axisBottom` functions for tick marks. The data is fetched from a GitHub-hosted CSV file.

SSushmareddy-gudipally

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

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

91% match