Skip to main content
SimilarExport ZIP
100%

Data Visualization ICE6: Fork of Iris Dataset Scatter Plot

✓ Published0🌍 Public
Cchakritha06
Last edited Jul 3, 2022
Created on Jun 26, 2022

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. Each of the 150 flowers appears as a colored circle, with species distinguished by hue: setosa in red, versicolor in green, and virginica in magenta. The chart uses D3 v6 APIs including `scaleLinear`, `extent`, `axisBottom`, and `axisLeft`, rendering as SVG. The code also retrieves the dataset via `d3.csv` from a GitHub gist, and the background is a bright blue.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Data Visualization ICE6: Fork of Iris Dataset Scatter Plot

This example visualizes the Iris Dataset as a scatter plot of petal length against petal width, with each point colored by species (setosa, versicolor, and virginica). The plot uses d3.csv to load the data, d3.scaleLinear for x and y scales, and d3.axisLeft and d3.axisBottom to render axes. Circles are drawn via SVG with a fixed radius, while labels for petal length and sepal length are added as text elements. The rendering is SVG, with the page background set to a light teal.

RRohithReddy-thoughts
94% match
Loading thumbnail…

Data Visualization ICE7: Fork of Iris Dataset Scatter Plot

This example visualizes the Iris Dataset as a scatter plot, mapping sepal width to the x-axis and sepal height to the y-axis, with points colored by species (Male versus other). It uses D3 v6 APIs including `csv` for data loading, `scaleLinear` for scaling, `extent` for domain calculation, and `axisLeft`/`axisBottom` for axes. The plot renders as SVG circles with fixed radius, and explicit text labels for “Petal Length” and “Sepal length” are added. Data is fetched from a GitHub Gist URL.

Cchakritha06
93% match
Loading thumbnail…

Fork of Data Visualization - ICE-6 Scatter Plot Graph

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 (yellow, blue, or red). Built with D3 v6, it uses `scaleLinear`, `axisLeft`, and `axisBottom` to render the SVG axes and circles for data marks. The code maps data fields to circle positions and radii through `rx` and `ry` attributes, presenting the flower measurements in a clean, full-window display.

KKovvuri Supraj
92% match
Loading thumbnail…

ICE-6 Data Visualization-Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width along the x and y axes. Each circle is colored by species—setosa in light blue, versicolor in light pink, and virginica in yellow. The visualization uses D3 v6 APIs including `d3.csv`, `scaleLinear`, `extent`, `axisBottom`, and `axisLeft`. The data is loaded from a remote CSV and rendered as SVG circles with a fixed radius, displaying the relationship between the two floral measurements across species.

SSrilekha24
92% match
Loading thumbnail…

Fork of ICE-6 Scatter Plot

This visualization displays the classic Iris dataset as a scatter plot, showing petal length on the x-axis and petal width on the y-axis. Each point represents a flower specimen, with its color mapped to species, though all three species are rendered in black. The code loads CSV data via `d3.csv`, scales the positions with `d3.scaleLinear`, and renders circles as SVG elements using `selectAll` and `join`. Axes are drawn with `d3.axisLeft` and `d3.axisBottom`, and labels are added as SVG text elements. The plot uses a full-window SVG canvas with specified margins.

SSurikanti Swathi
92% match
Loading thumbnail…

Data Visualization - ICE-6 Scatter Plot Graph

This scatter plot visualizes the Iris flower dataset, showing the relationship between petal length and petal width as the primary axes, with each point colored by species (setosa in yellow, versicolor in blue, virginica in red). The graph uses D3 v6 with SVG rendering, employing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for scales and axes, while circles are positioned using `cx` and `cy` attributes. The data is loaded as CSV and parsed with numeric conversions, with margins and a full-window responsive layout.

SSravan1888
92% match
Loading thumbnail…

Fork of Fork of Fork of Fork of ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa in blue, versicolor in yellow, and virginica in red). The visualization uses d3.csv to load the data and d3.scaleLinear to map the dimensions, while d3.axisLeft and d3.axisBottom render the axes. Each circle is drawn with an SVG circle element, and its radius is fixed, while the fill color is determined by a marker function. The plot is rendered using d3.v6 within an HTML page, with the chart sized to the browser window.

Vviswak12
92% match
Loading thumbnail…

Fork of ICE - 6 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, virginica, and versicolor). 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 with SVG via d3.selectAll and .join, with dimensions derived from sepal length and width for additional context. The code runs in a vanilla HTML page with D3 v6, using window dimensions for a full-screen responsive layout.

KKeerthipriyaBankuru
92% match