ICE-7-1

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 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal width to sepal length and distinguishing species through different SVG symbols. It uses d3.scaleLinear for axes, d3.scaleOrdinal with d3.symbols for species markers, and d3.axisLeft/axisBottom for tick marks. The code loads CSV data via d3.csv and employs a reusable chart pattern with the scatterPlot function, rendering marks as generated path data through d3.symbol and d3.symbolGenerator.

SSreejaBellamkonda

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 -7 Scatter Plot

This scatter plot visualizes the Iris Dataset across four numerical axes, cycling through them every second to reveal the relationships among sepal and petal measurements. It uses D3 v6 with a reusable chart pattern, mapping species to distinct colors and SVG symbols. The visualization demonstrates reusable chart architecture with d3.scaleLinear, d3.axisLeft, d3.axisBottom, d3.scaleOrdinal, and d3.symbol to render animated, multi-dimension comparisons.

GGogineni44

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: Scatter Plot

A scatter plot visualizes the Iris dataset by mapping petal width to the x-axis and sepal length to the y-axis, with each circle colored by species (blue, orange, or green). The SVG rendering uses D3 v6 APIs including `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`, with circles positioned by projecting data values through the scales. Axis labels are added as SVG text elements. The plot fills the browser window, with data parsed from a GitHub-hosted CSV file.

Ttrucntx007

ICE-7 reusable scatter plot

This example visualizes the Iris Dataset as a scatter plot, mapping petal width to the x-axis and sepal length to the y-axis while encoding species through symbol shapes and colors (grey, coral, and aqua). The chart uses reusable D3.js components, including scaleLinear, scaleOrdinal, axisLeft, axisBottom, and the symbol generator, to render SVG marks. Data is loaded via d3.csv and parsed into numeric values before being passed to the customizable scatterPlot function.

CChathurya