ice 6 scatter

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

ICE-6 Scatter Plot Graph

This scatter plot visualizes the Iris dataset, mapping petal length and width to positions while encoding sepal dimensions through the circles’ cx and cy attributes, which are incorrectly set to raw sepal values rather than scaled coordinates. Each of the three species appears as a distinct color: yellow for setosa, blue for versicolor, and red for virginica. Built with D3 v6, it uses `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, set scales, and render SVG circles and axes. The code relies on an external CSV source and sets a fixed radius of 5 pixels for all points.

AArruSkywalker

Ice6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width on the axes while encoding sepal dimensions through each circle’s horizontal and vertical radius. Points are colored by species (blue, purple, or cyan) using D3’s `scaleLinear`, `axisLeft`, and `axisBottom`. The SVG is rendered full-screen, with data loaded asynchronously via `d3.csv`.

Ppeesarie

ICE - 6 Scatter Plot

This example visualizes the Iris Dataset, plotting petal length and width for each flower. Three species—setosa, virginica, and versicolor—are differentiated by green, orange, and blue fill colors. The code uses `d3.csv` to load data, `scaleLinear` for x and y axes, and SVG circles for rendering. Data parsing converts string measurements to numbers, while `axisLeft` and `axisBottom` append labeled axes. Despite assigning `rx` and `ry` attributes, the circles use a fixed `r` of 6.5 pixels.

MManasaPatange

ICE-6

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis against petal width on the y-axis, with each of the three species (setosa, versicolor, and virginica) colored green, brown, and blue respectively. It also encodes sepal length and width as the rx and ry attributes of each circle, though these do not affect the default circular shape due to a fixed radius. The code uses D3 v6 methods including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map scales, and render axes in an SVG. Data is fetched from a remote GitHub gist URL.

Aadapavaishnavi12

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

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

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