ICE7

Ssrinathkarumuru@my.unt.edu

ICE7

This scatterplot visualizes the Iris dataset, comparing sepal length against sepal width across three species. The chart uses D3.js scales and axes to map the quantitative dimensions, while a color scale distinguishes species, with hover interactions on the legend highlighting corresponding data points through opacity changes. The SVG rendering is built with D3.js selection and join methods, loading data from a CSV file containing Fisher's Iris measurements.

ICE-7 (11630234)

This visualization displays a scatter plot of the Iris dataset, mapping petal width against sepal length. The plot uses distinct symbols and colors (orange, purple, and grey) to differentiate the three plant species. The D3.js library (v6.7.0) constructs the chart, employing functions like `scaleLinear`, `extent`, `axisLeft`, and `symbol` to generate axes and data points. The SVG output is dynamically sized to fit the browser window and includes labeled axes and a bold title.

KKovvuri Supraj

ICE7

This interactive scatter plot visualizes the relationship between petal width and sepal length for iris flowers, with each species represented by a distinct symbol. Built using D3 v6, it uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.symbol` to encode species as different shapes, and `d3.axisLeft`/`d3.axisBottom` for labeled scales. The SVG rendering fills the browser window, with explicit axis titles and a bold title, drawing data from a CSV file hosted in a GitHub Gist.

Vvineeth0000

ICE-7-1

A D3.js scatter plot visualizes the Iris dataset, plotting petal width against sepal length. Three species of iris are distinguished using different SVG symbols via a d3.scaleOrdinal and d3.symbol generator. The chart uses d3.axisLeft and d3.axisBottom for axes, with data loaded from a CSV URL and parsed into numeric values. The visualization fills the browser window and is rendered with SVG.

HHARSHA BUDDANA

ICE 7.1

This interactive scatter plot displays the Iris dataset, encoding sepal and petal measurements as x and y coordinates. Points are differentiated by species using both color (via `d3.scaleOrdinal` with `schemeCategory10`) and shape (via `d3.symbol` with distinct symbol types). Every ten seconds, the x-axis automatically switches among four measurement columns—petal width, sepal width, petal length, and sepal length—updating the chart through a custom `scatterPlot` function. The SVG is rendered with D3 v6, using `csv` to load data and `axisLeft` and `axisBottom` for dynamic axes.

Kkartik900

ICE 7- Iris Data

This scatter plot visualizes the Iris dataset, showing petal length and width for three species of iris flowers, each colored distinctly. The visualization uses D3 v6 within a plain HTML page, employing `d3.scaleLinear` for axes, `d3.axisLeft` and `d3.axisBottom` for tick marks, and SVG circles for data points. Data is loaded asynchronously from a CSV via `d3.csv` and parsed into numeric values. The plot encodes species identity through color, with a simple switch statement mapping each species to a specific hue.

YYbg99

ICE-6: IRIS

This scatterplot visualizes the Iris dataset, plotting petal length against sepal length for individual flowers. Using D3 v6, the code loads CSV data, applies linear scales via `scaleLinear`, and renders circles in an SVG. Axes are generated with `axisLeft` and `axisBottom`, while data parsing converts string values to numbers. The chart fills the browser window, with axis labels added as SVG text elements for clarity.

Ttrucntx007

ICE7

This example displays a scatter plot of the Iris dataset, mapping sepal length to the x-axis and sepal width to the y-axis. Each of the 150 data points is rendered as a circle, colored by species. The visualization is built with React, using D3 v7’s selection and data join methods to render SVG circles and axes, with linear scales created via `d3.scaleLinear`. Clicking a circle highlights it with a white fill and black stroke, demonstrating interactive selection within the chart.

Kkpavithrasai@gmail.com