creating scatter plot ice-6

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

This example visualizes the Iris Dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (gold for setosa, purple for virginica, skyblue for versicolor). The SVG rendering uses D3 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to set scales and axes, while circles are positioned with `cx` and `cy` attributes. The code assigns non-standard `rx` and `ry` attributes to each circle based on sepal dimensions, though these do not affect the circle’s display radius. Data loads via `d3.csv` from a remote CSV, with axis labels styled in large fonts.

TTejamod

ScatterPlot_ICE6

This scatter plot visualizes the Iris dataset, mapping petal length and width for individual flowers while coloring each point by species (setosa, versicolor, or virginica). The axes are labeled with sepal length and petal length, though the data encoding uses petal dimensions for positioning and sepal dimensions as circle radii. Built with React and d3.v6, the example loads CSV data via `d3.csv`, applies `scaleLinear` and `extent` for scales, and renders SVG circles with attributes driven by the parsed numeric fields. Axis generation uses `axisLeft` and `axisBottom`.

Bbindusreeja

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

Scatter Plot - ICE6

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis against sepal length on the y-axis, with each point colored by species (setosa, versicolor, or virginica). The code uses d3.csv to load the data, d3.scaleLinear for both axes, and d3.axisLeft and d3.axisBottom to render ticks. Circles are appended and filled via d3-selection, with hardcoded color values per species. The SVG spans the full window, and axis labels are added as text elements with rotated positioning.

RRaajithaSabbineni

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

ICE-6: Creating a Scatter Plot with D3.js

This example visualizes the Iris dataset as a scatter plot, mapping petal length and petal width to x and y positions, with circles colored by species (setosa, versicolor, and virginica). The D3.js code loads CSV data with `d3.csv`, parses numeric fields, and uses `scaleLinear` and `extent` to set scales. Axes are rendered with `axisLeft` and `axisBottom`, while `selectAll` and `join` bind data to SVG circles. The visualization fills the viewport and uses a fixed radius for all points.

CChaitanya Galla

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