Activity 9 & 10 tutorial

Activity 9&10

This animated scatter plot cycles through different pairwise combinations of the Iris dataset’s four measurements, using petal width, sepal width, petal length, and sepal length as alternating axes. It uses D3’s `csv` loader and `scaleLinear`, `axisLeft`, `axisBottom`, and `select` to render circles colored by species (setosa, versicolor, virginica) with a legend. A `setInterval` timer updates the x-axis mapping, and the SVG output includes styled labels, a title, and explicit legend markers.

93% match

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.

93% match

Activity7 Tutorial

This animated scatter plot cycles through different Iris flower measurements, switching the x-axis dimension every few seconds while keeping sepal length on the y-axis. Data points are color-coded by species (setosa, versicolor, virginica) with a legend and title displayed on screen. Built with D3 v6, it uses `scaleLinear`, `axisBottom`, `axisLeft`, and `setInterval` to update the visualization, reading the CSV dataset from a GitHub gist and rendering as SVG.

SSai Gottumukkala

Lleelakrishnadivi7@gmail.com

Activity 7

This animated scatter plot cycles through different pairings of iris flower measurements, displaying petal width, sepal width, petal length, and sepal length on the x-axis while keeping sepal length fixed on the y-axis. Points are color-coded by species (setosa, versicolor, virginica) using a legend with labels and colored circles. The visualization loads iris data from a CSV via D3's `csv` method, uses a reusable `scatterPlot` module built with `scaleLinear`, `axisLeft`, and `axisBottom`, and updates the chart every few seconds with `setInterval`.

Activity 9&10

This interactive scatter plot displays the Iris dataset, cycling through different feature pairs on the x-axis (petal width, sepal width, petal length, and sepal length) every few seconds while the y-axis remains sepal length. Data points are colored by species (setosa, versicolor, virginica) using D3.js to render the SVG visualization, with custom axis labels, a legend, and a title. The code leverages D3's `scaleLinear`, `axisLeft`, and `axisBottom` APIs within a reusable scatter plot module, and uses `setInterval` to animate the changing axes. Data is loaded via D3's `csv` function from a remote GitHub Gist.

activity9and10

This animated scatterplot displays the Iris flower dataset, cycling through four variable pairings to show relationships between sepal and petal measurements. Each species is color-coded, with a legend and rotating axis labels updating every few seconds. The visualization uses D3 v6 modules like `scaleLinear`, `axisLeft`, and `axisBottom` via `scatterPlot.js`, with `setInterval` driving the animation. It loads CSV data from a GitHub gist, renders as SVG, and demonstrates ES6 imports for reusable chart components.

AAbdul Kareem

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.

Activity 9&10

This animated scatter plot cycles through different pairings of Iris flower measurements, showing petal width, sepal width, petal length, and sepal length on the x-axis while sepal length remains on the y-axis. The visualization uses D3.js to load the Iris dataset from a GitHub gist and renders colored circles representing three species (setosa, versicolor, and virginica) with a custom legend. The reusable scatterPlot module employs D3 scales, axes, and data joins to update the plot at regular intervals.