Skip to main content
SimilarExport ZIP
100%

Data Visualization ICE6: Fork of Iris Dataset Scatter Plot

✓ Published1🌍 Public
RRohithReddy-thoughts
Last edited Mar 8, 2022
Created on Mar 8, 2022

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.

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 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.

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

Fork of ICE 6 Scatter plot

This scatter plot visualizes the Iris dataset, mapping petal length and width as x/y coordinates while coloring points by species (setosa, virginica, and versicolor). Each circle’s radius is fixed, though additional sepal measurements are encoded in the `rx` and `ry` attributes, which are set but not visually reflected. The visualization uses D3 v6’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load and render the data as SVG circles, with custom tick font sizing and axis labels for petal length and sepal length.

Cchilukuritagore1427@gmail.com
93% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, displaying petal length against petal width for individual flowers, with each species color-coded (setosa in green, versicolor in orange, and virginica in brown). The visualization uses D3 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to compute scales and render axes, while circles are drawn in SVG via `selectAll` and `join`. The data is fetched as CSV from a GitHub gist and parsed with numeric coercion, with labels for petal length and sepal length added as text elements.

RRadhakrishna246
93% match
Loading thumbnail…

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

This scatter plot visualizes the Iris dataset using D3 v6, mapping petal length and width on the x and y axes while coloring each point by species (setosa, versicolor, or virginica) in blue, yellow, or red. The SVG rendering includes axis labels for petal length and sepal length, though the sepal dimensions are also encoded as the horizontal and vertical radii of each circle, creating elliptical markers. Data is loaded as CSV via `d3.csv`, with scales built through `scaleLinear` and axes generated using `axisLeft` and `axisBottom`.

TTekmal-Bhavana
93% match
Loading thumbnail…

ICE- 6 Iris Dataset Scatter Plot

This example visualizes the Iris Dataset as a scatter plot, mapping petal length and width on the x- and y-axes while coloring each point according to its species (setosa, versicolor, or virginica). Using D3 v6, the code loads the CSV data with `d3.csv`, scales the axes with `d3.scaleLinear`, and renders circles as SVG elements. It labels the axes as “Petal-length” and “sepal-length” (the latter rotated via an SVG transform). The plot fills the browser window, with axis ticks generated by `d3.axisLeft` and `d3.axisBottom`.

Ssaidhiraj16
93% 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 Iris Dataset Scatter Plot

This example visualizes the Iris Dataset, plotting petal length against petal width while color-coding each point by species—setosa in blue, versicolor in red, and virginica in black. The SVG scatter plot is rendered using D3 v6, with axes created via `axisLeft` and `axisBottom`. Data is loaded asynchronously from a GitHub Gist using `d3.csv`, then transformed with `scaleLinear` and `extent` to map values to screen coordinates. Though the code sets `rx` and `ry` attributes, circles remain round with a fixed radius of five pixels.

DDivyaVellanki
93% match