DV ICE-7

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

ICE7 - Scatter Plot

This animated scatter plot visualizes the Iris flower dataset, cycling through four different measurements (petal width, sepal width, petal length, sepal length) on the x-axis while keeping sepal length on the y-axis. Each species is color-coded—setosa in orange, versicolor in blue, and virginica in black—with a static legend and labeled axes. The visualization uses D3.js (v6.7.0) with its `scaleLinear`, `axisLeft`, and `axisBottom` APIs, loading data via `d3.csv` and updating positions on a timer with `setInterval`. Data comes from a GitHub-hosted medals CSV file, and the SVG rendering includes circles with custom radii per data point.

Aavinashchinta99

ICE 7 D3 Scatter Plot

This interactive scatter plot visualizes the Iris dataset, encoding petal and sepal measurements as x/y coordinates while color-coding points by species (setosa, versicolor, and virginica). Built with D3 v6, it uses `scaleLinear`, `axisLeft`, and `axisBottom` to render SVG axes and circles. A `setInterval` cycles through four measurement columns, animating the x-axis mapping across petal width, sepal width, petal length, and sepal length. The visualization includes a fixed y-axis for sepal length, a color legend, and axis labels, with data loaded from a remote CSV via `d3.csv`.

SSnapika

Fork of DV ICE-7 iris dataset by different colors

This animated scatter plot displays the classic Iris dataset, mapping petal width against sepal length while coloring each point by species: pink for setosa, red for versicolor, and blue for virginica. The visualization uses d3.csv to load data from a GitHub-hosted CSV file and renders SVG circles with dynamic fill colors. Every two seconds, a setInterval callback cycles the x-axis through different measurement columns—petal width, sepal width, petal length, and sepal length—using a reusable scatterPlot module built with d3.scaleLinear, d3.axisLeft, and d3.axisBottom. The axes update smoothly while circle positions remain based on the current x-value mapping.

Vvidhyanamini

ICE 7 Reusable Iris Scatter Plot

This interactive scatter plot visualizes the Iris dataset, showing the relationship between petal and sepal measurements for three flower species (setosa, versicolor, and virginica) using color-coded circles. Built with D3 v6, the visualization cycles through different measurement combinations every 2 seconds using setInterval, updating the x-axis and scatter positions. The implementation uses d3.scaleLinear for axes, d3.scaleOrdinal for species colors, and d3.axisLeft/d3.axisBottom for rendering axes in SVG. Data loads from a GitHub Gist CSV via d3.csv, with circles animated through D3's join pattern.

Vvegurusaiprathyusha

ICE-7

This interactive scatter plot visualizes the Iris Dataset, cycling through different feature pairings (petal width, sepal width, petal length, and sepal length) every two seconds. Built with D3.js, it uses a reusable scatter plot module with `scaleLinear` for axes, `extent` for data domains, and `axisLeft`/`axisBottom` for tick marks, rendered as animated SVG in a full-browser view.

Ssowmyanagula@my.unt.edu

Scatter plot ICE 7

This interactive scatter plot animates through different axis pairings of the Iris flower dataset, cycling between sepal and petal measurements. Colored circles represent the three species—setosa, versicolor, and virginica—with a static legend and dynamically updating axes. Built with D3.js v6, the visualization uses `scaleLinear`, `axisLeft`, `axisBottom`, and a `setInterval` loop to redraw the plot every few seconds. The SVG rendering includes custom labels, a title, and a rotating x-axis selection, with data loaded asynchronously via `d3.csv`.

Kkakumanusreya

ICE7_Reusable D3 Scatter Plot

This interactive scatter plot visualizes the Iris dataset, displaying relationships between petal and sepal measurements. The visualization cycles through four variable combinations every two seconds, allowing comparison of different attribute pairings. Each species—setosa, versicolor, and virginica—is distinguished by color, with a legend identifying the groups. The plot is built as a reusable D3 module, using `scaleLinear`, `scaleOrdinal`, `axisLeft`, and `axisBottom` from the d3 library for axes and scales. SVG circles represent data points, with animated axis updates driven by `setInterval`.

AAkrutiKhurana2103