ICE- 6 Iris Dataset Scatter Plot

100%

ICE- 6 Iris Dataset Scatter Plot

✓ Published0🌍 Public

Last edited Mar 6, 2022

Created on Mar 6, 2022

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

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE - 6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, virginica, or versicolor) via a brightness-based marker function. After loading the CSV data with `d3.csv`, the example uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` from D3 v6 to establish scales and axes, while `select` and `join` render circles for each observation. The SVG rendering fills the browser window, with sepal length and width values stored as point metadata but not plotted.

SSaiSree0122

96% match

Loading thumbnail…

ICE6: Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width for each specimen while color-coding points by species. The visualization uses D3 v6’s `scaleLinear`, `axisLeft`, and `axisBottom` to construct the axes, with SVG circles as marks. Data is loaded asynchronously via `d3.csv` from a GitHub Gist, and numeric fields are coerced with a custom row parser. The chart fills the browser window, with species-specific colors assigned through a switch statement and styled with a green background.

HHarishma Nallala

96% match

Loading thumbnail…

ICE 6: Iris Dataset Scatter Plot

This D3.js scatter plot visualizes the Iris dataset, mapping petal length and petal width to the x- and y-axes while coloring points by species (setosa, versicolor, virginica). The SVG rendering uses `d3.csv`, `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom` to produce a full-width interactive chart. Circles include `rx` and `ry` attributes from sepal measurements, though these do not affect the visible circular markers, which have a fixed radius. The plot loads raw CSV data from a GitHub gist and labels both axes.

AAnjan Shrestha

95% match

Loading thumbnail…

ICE-6: Iris Dataset Scatter Plot

A D3.js scatter plot visualizes the Iris Dataset, mapping petal length and width on the x and y axes, with circles colored by species (setosa, versicolor, virginica). It uses `d3.csv` to load data, `scaleLinear` for axes, and `axisBottom`/`axisLeft` for ticks. The code includes misplaced `rx`/`ry` attributes on circles, which do not affect SVG rendering, and labels the axes incorrectly as "Sepal Length" and "Petal Length" despite the actual mapped variables.

PPrasanth Damarla

95% match

Loading thumbnail…

ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and petal width on the axes while coloring points by species. The chart uses D3 v6 with SVG rendering, loading CSV data via `d3.csv` and parsing numeric values. Scales are created with `d3.scaleLinear` and axes with `d3.axisLeft` and `d3.axisBottom`. Circles are drawn with `d3.selectAll` and a data join, with fill colors assigned per species via a switch function. Axis labels are added as SVG text elements.

Llikith1266

95% match

Loading thumbnail…

ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica). The visualization uses D3 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct axes, while circles are bound to the data via `selectAll` and `join`. Data is loaded asynchronously from a CSV URL using D3’s `csv` function, with numeric parsing applied to all measurements. The chart fills the browser window, displaying axis labels for petal length and sepal length.

Ggayathrikavya

95% match

Loading thumbnail…

ICE6 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. Each point is colored by species—blue for setosa, red for versicolor, and black for virginica. The code uses d3.csv to load the data, d3.scaleLinear and d3.extent to set scales, and d3.axisLeft and d3.axisBottom to render axes. Although sepal length and width are parsed, they are not used for positioning; circles are drawn via SVG with a fixed radius.

BBVNPK001

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

95% match