Vinila_7.1.Tutorial-1

Kkommineniamarasadasivani2002@gmail.com

Tutorial_Sivani

This interactive scatter plot animates through different pairings of Iris flower measurements, cycling the x-axis among petal width, sepal width, petal length, and sepal length while keeping sepal length on the y-axis. Points are colored by species (setosa, versicolor, virginica) with a custom legend. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` within a reusable `scatterPlot` module, rendering as SVG with a `setInterval` driving the axis rotation. Data comes from a GitHub-hosted Iris dataset.

Tutorial

This animated scatter plot visualizes the Iris flower dataset, cycling through four different measurement axes (petal width, sepal width, petal length, and sepal length) on the x-axis while keeping sepal length on the y-axis. Points are colored by species (setosa, versicolor, virginica), with a legend and axis labels rendered via SVG. The visualization uses D3.js v6 APIs including `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `selectAll` to update circles and axes at each interval, with data loaded from a GitHub-hosted CSV file.

Vvchittimadha@gmail.com

Activity7.1_Tutorial

This animated scatter plot demonstrates the Iris dataset, cycling through different combinations of sepal and petal measurements on the x-axis. It shows how the three species (setosa, versicolor, and virginica) cluster differently depending on which features are compared. The visualization uses the D3.js library, specifically `csv`, `select`, `scaleLinear`, and `axisLeft`/`axisBottom` APIs to create the plot and its axes. The scatter plot updates every few seconds, using a `setInterval` loop to rotate through the four measurement columns as the x-axis variable. The SVG rendering includes custom-styled points, a color legend, and axis labels.

SSai Praveen Lokavarapu

Activity7.1_Tutorial

This animated scatter plot cycles through different iris flower measurements from the classic Iris dataset. It displays petal width on the x-axis against sepal length on the y-axis, with points colored by species (setosa, versicolor, virginica). The visualization updates every few seconds, changing which measurement is plotted on the x-axis. Built with D3.js (v6.7.0), it uses the `scaleLinear`, `axisLeft`, and `axisBottom` APIs within a custom `scatterPlot` module. The SVG rendering includes axis labels, a color legend, and a title, with all data loaded from a remote CSV file.

Ssagipavan2385@gmail.com

Ssudheervnarasimha1@gmail.com

activity 7 tutorial

This animated scatter plot visualizes the Iris flower dataset, cycling through different pairings of sepal and petal measurements on the x-axis every few seconds while petal width and sepal length remain on the y-axis. Data points are color-coded by species (setosa, versicolor, virginica) with a legend and rotating axis labels. Built with D3.js v6, it uses `scaleLinear`, `axisLeft`, `axisBottom`, and `setInterval` to update the plot dynamically. The SVG renders circles with custom fill colors and includes a reusable `scatterPlot` module for configuration.

Rrahman.mehmood2002@gmail.com

Activity_7.1Tutorial

This animated scatterplot, built with D3.js, visualizes the classic Iris flower dataset, showing how different species cluster across various measurement combinations. It cycles through four different x-axis attributes—petal width, sepal width, petal length, and sepal length—while keeping sepal length on the y-axis, with colored circles distinguishing setosa, versicolor, and virginica. The visualization uses D3's `csv` loader, `scaleLinear`, and `axisBottom`/`axisLeft` utilities, with a custom reusable `scatterPlot` module. It renders as an SVG and updates its axes and labels every few seconds via `setInterval`.

Act7

This animated scatter plot visualizes the Iris dataset, cycling through four feature pairs (petal width, sepal width, petal length, and sepal length) on the x-axis every few seconds. It colors each species—setosa, versicolor, and virginica—with distinct markers and includes axis labels, a legend, and a title. The visualization uses D3.js (v6) with the `csv` parser, `scaleLinear`, `axisLeft`, and `axisBottom` APIs, rendering as an SVG with a repeating `setInterval` that updates the plot’s x-scale and data mapping.

IIkram Mohammed

Ccharanshiva769@gmail.com

Activity 7 tutorial

This interactive scatter plot visualizes the Iris flower dataset, animating through different combinations of sepal and petal measurements. The visualization cycles through four variable pairings every few seconds, with points colored by species (setosa, versicolor, virginica) and accompanied by a legend and axis labels. Built with D3 v6, it uses `d3.csv` for data loading, `scaleLinear` and `axisLeft`/`axisBottom` for scales and axes, and `setInterval` to trigger re-renders of the reusable `scatterPlot` function.