Activity6

Activity 6

This animated scatter plot explores the classic Iris dataset, cycling through different flower measurements on the x-axis—petal width, sepal width, petal length, and sepal length—against sepal length on the y-axis. The code loads data via D3's `csv` function and builds a reusable scatter plot using `scaleLinear`, `axisLeft`, and `axisBottom`. Each species (setosa, versicolor, virginica) receives a distinct color, and a legend with labeled circles updates alongside the axes. The visualization repeats its axis transitions every few seconds using `setInterval`, with SVG elements rendered directly to the page.

Ddandudivya98@gmail.com

Activity-7

This interactive scatter plot visualizes the Iris dataset, cycling through different flower measurements (petal width, sepal width, petal length, sepal length) on the x-axis every few seconds via `setInterval`. It uses D3 (v6) to render SVG circles colored by species, with axis scales via `scaleLinear`, `axisLeft`, and `axisBottom`. The visualization includes a legend, title, and axis labels, dynamically updating the plot's x-value mapping while maintaining the y-axis as sepal width.

SSiva Kishore Reddy

Ssaishruthik2361@gmail.com

Activity 7

This animated scatterplot cycles through the Iris dataset’s four measurements on the x-axis while keeping petal width on the y-axis. Colored circles distinguish the three species (setosa, versicolor, and virginica). The visualization is built with D3 v6, using `scaleLinear`, `axisBottom`, and `axisLeft` within a custom `scatterPlot` function. A `setInterval` triggers updates, re-rendering axes and labels every few seconds. SVG circle elements are colored via a switch statement, with legends and axis titles added dynamically, sourced from the CSV URL.

Vvarunreddy.gudigopuram@gmail.com

Activity 7

This visualization is an animated scatter plot of the classic Iris dataset, cycling through different pairings of sepal and petal measurements on the axes. It uses D3.js (v6.7.0) via UNPKG, with a custom `scatterPlot` module built from D3's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs. The plot updates every few seconds, transitioning between four variable combinations, and includes a color-coded legend for the three iris species.

Activity-6

This interactive scatterplot animates through the Iris flower dataset, cycling the x-axis among four measurements (petal width, sepal width, petal length, sepal length) while the y-axis shows sepal length. Points are colored by species (setosa in blue, versicolor in green, virginica in orange) with a custom legend. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `selectAll().join()`, with the plot constructed as a reusable `scatterPlot` function. A `setInterval` timer redraws the axes and updates the x-value mapping, while static labels and a title appear as SVG text elements. Data loads from a remote gist CSV file.

Vvaishnavi6gan@gmail.com

Activity7

This interactive scatterplot animates through the four Iris flower measurements—petal width, sepal width, petal length, and sepal length—using a rotating axis system. It displays the classic Iris dataset, with points colored by species (setosa, versicolor, virginica) as skyblue, lightgreen, or orange. Built with D3 v6, it uses `csv` loading, `scaleLinear` for axes, and `setInterval` to cycle the x-axis measurement every few seconds. The SVG rendering includes labeled axes, a legend, and a styled title.

LLakshanya Sirigiri

KKondreddy Saikiran reddy

Activity6_Task3.2

This visualization renders the classic Iris dataset as a scatter plot, using D3 v6 to map petal length and petal width on the x- and y-axes. Each circle’s fill color encodes the iris species (setosa, versicolor, or virginica) via a switch statement, while the circle’s rx and ry attributes are set but not visually distinct since the radius is fixed. The code loads CSV data from a GitHub gist, applies linear scales with `d3.scaleLinear` and `d3.extent`, and draws axes with `d3.axisLeft` and `d3.axisBottom`, all rendered as SVG elements in the browser window.

Ssumanthnaidu213@gmail.com

Activity 9&10

This animated scatter plot cycles through different Iris flower measurements, displaying four distinct species separated by color on a dynamically updating x- and y-axis. The visualization uses D3.js version 6.7.0 to load a CSV dataset, scale the axes with `scaleLinear`, and render circles via `.join()`. A `setInterval` timer triggers periodic updates to the x-axis variable, rotating through petal width, sepal width, petal length, and sepal length. The SVG rendering includes custom-styled axes, a color legend, and a title, all animated to show relationships between the flower's attributes.