Ice7-1

ICE-7 Scatterplot

This animated scatterplot visualizes the Iris Dataset, plotting petal width against sepal length with points colored by species (setosa, versicolor, virginica) in red, teal, and blue. Using D3.js, the visualization cycles through different column pairings every two seconds—including sepal width, petal length, and sepal length—via setInterval, dynamically updating the axes and circles without user interaction. The SVG rendering uses d3.scaleLinear, axisLeft, and axisBottom to construct the coordinate system.

BBaswa Sathvika Reddy

Ice 7-1

This interactive scatter plot cycles through four Iris flower measurements—petal width, sepal width, petal length, and sepal length—on the x-axis every two seconds while keeping sepal length on the y-axis. Built with D3.js, it renders each data point as a circle colored by species (green for setosa, grey for versicolor, brown for virginica) against a black background with white axes. The animation uses `setInterval` to update the x-axis scale and re-render the SVG, leveraging D3’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` utilities.

AAmar09nath

ice - 7

This animated scatter plot visualizes the Iris Dataset, cycling through different pairings of sepal and petal measurements every two seconds. The visualization uses D3.js version 6.7.0, employing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to build the chart, with species color-coded as red, blue, or grey. Rendered as an SVG, the plot updates dynamically by changing the x-axis variable through a `setInterval` loop, while the reusable `scatterPlot` chart component handles the layout and axis rendering.

SSaikiran2029

ICE 7- Scatter Plot

This animated scatter plot visualizes the Iris dataset, comparing sepal and petal measurements across three flower species. The chart cycles through different attribute pairs every two seconds, shifting which variables map to the x-axis while maintaining species-colored symbols. Built with D3 v6, it uses reusable chart functions with scaleLinear, scaleOrdinal, and symbol generators for rendering SVG paths. The visualization includes axis labels, a color legend for Iris species, and transitions driven by JavaScript’s setInterval, creating an interactive exploration of the dataset’s multivariate relationships.

SSharanya1307

ICE_7_Reusable D3 Scatter Plot

This interactive scatter plot visualizes the Iris dataset, displaying sepal and petal measurements while coloring each point by species. The chart cycles through four different x-axis variables on a timer, updating the axes and labels dynamically with animated transitions. Built with D3 v6, it uses SVG rendering with custom scales, axes, and legend elements. The code leverages d3.scaleLinear, d3.axisLeft, d3.axisBottom, and d3.csv to load and process the data, with a reusable scatterPlot function handling the chart structure.

Nnithish-1999

ICE 7 SCATTER PLOT

This interactive scatter plot visualizes the Iris dataset, displaying sepal and petal measurements for three flower species distinguished by color. The chart cycles through different measurement combinations on the x-axis every few seconds, while the y-axis remains fixed on sepal length. Built with D3.js v6, it uses d3.scaleLinear for axes, d3.scaleOrdinal for color mapping, and SVG path symbols to represent data points. Data loads from a CSV file using d3.csv, and the chart updates dynamically via setInterval.

Kkakumanusreya

ICE7 - Scatter Plot

This interactive scatter plot animates through different x-axis variables—petal width, sepal width, petal length, and sepal length—while keeping sepal length on the y-axis, using the classic Iris dataset. Circles are colored by species (setosa, versicolor, virginica) with a custom legend, and the plot updates every few seconds via `setInterval`. Built with D3 v6, it uses `scaleLinear`, `axisLeft`, `axisBottom`, and a custom `scatterPlot` function, rendering as SVG with appended axis labels and a rotating title.

Aavinashchinta99

Scatterplot_ICE7

This interactive scatter plot displays the Iris dataset, mapping petal width against sepal length. It uses D3 v6 APIs including `scaleLinear`, `scaleOrdinal`, `extent`, and `symbol` to render SVG marks, with colors assigned by species. The visualization cycles through all four numeric data columns every two seconds using `setInterval`, updating the x-axis to show different variable pairs. The reusable chart component, built with a `scatterPlot` factory function, adjusts its axes and marks dynamically via methods like `.xValue()` and `.yValue()`, while axis labels and a title are appended directly to the SVG.

NNiharika-Guthikonda