Skip to main content
SimilarExport ZIP
100%

ICE-6: Iris Dataset Scatter Plot

✓ Published0🌍 Public
PPrasanth Damarla
Last edited Mar 7, 2022
Created on Mar 7, 2022

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.

AI-generated description

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

MIT Licensed

Similar vizzes

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

ICE - 6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width as x/y coordinates while encoding sepal length and width in each point’s `rx` and `ry` attributes, with species indicated by color (violet, pink, or a square symbol). The D3 v6 code loads data via `d3.csv`, scales it with `d3.scaleLinear`, and renders SVG circles using `d3.symbol` for the setosa class. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, with custom text labels for petal length and sepal length.

SSweetierams
94% match
Loading thumbnail…

ICE 6 Scatter Plot

This D3.js scatter plot visualizes the Iris Dataset, plotting petal length on the x-axis and petal width on the y-axis. Data points are color-coded by species: pink for setosa, green for versicolor, and blue for virginica. The visualization encodes each flower’s sepal length and width as the `rx` and `ry` attributes of the circles, adding an additional dimension to the plot. Built with vanilla HTML, it uses `d3.csv` to load the data, `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom` for scales and axes, and appends SVG circles to render the marks.

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

ICE - 6 Iris Dataset Scatter Plot (11508271)

This interactive scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis. Each point is colored by species (setosa in red, versicolor in green, virginica in magenta) using D3 v6’s scaleLinear, axisBottom, and axisLeft. The SVG circles also store sepal length and width as rx and ry attributes, though the visual radius remains constant. Data is loaded as CSV via d3.csv from a GitHub gist.

Aabdulmoin9624
93% match