Skip to main content
SimilarExport ZIP
100%

Activity 7

✓ Published0🌍 Public
Pp99vijaya@gmail.com
Last edited Nov 4, 2024
Created on Nov 4, 2024

An animated scatter plot of the Iris dataset cycles through different feature pairings on the x-axis, with petal width fixed on the y-axis. The visualization rotates through petal width, sepal width, petal length, and sepal length using a `setInterval` callback that updates the D3 `scaleLinear` domains. Circles are colored by species, and a legend identifies setosa, versicolor, and virginica. The code uses D3's `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs, and defines a reusable `scatterPlot` module. Data is loaded from a GitHub Gist.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-7

Animated scatter plot of the Iris dataset cycles through four feature combinations, using 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. The visualization uses a reusable scatter plot module built on D3 scales and axes, updating via `setInterval`. Data is loaded from a CSV file, rendered as SVG circles, and includes dynamic axis titles and a title.

Rrahul.bonu524@gmail.com
95% match
Loading thumbnail…

Activity 7

This animated scatter plot, styled as a reusable D3.js component, visualizes the Iris dataset, cycling through different feature pairs on the x-axis (petal width, sepal width, petal length, sepal length) while plotting sepal length on the y-axis. It shows the distribution of three iris species—setosa, versicolor, and virginica—with color-coded circles. The visualization initially renders circles using SVG attributes, then repeatedly invokes the `scatterPlot` function with `d3.scaleLinear` axes and updates at fixed intervals via `setInterval`. It loads CSV data asynchronously with `d3.csv` and includes an SVG-based legend and text labels.

Aanjalimadhavi98@gmail.com
95% match
Loading thumbnail…

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`.

Lleelakrishnadivi7@gmail.com
94% match
Loading thumbnail…

Activity 7

This animated scatter plot displays the Iris dataset, cycling through four different feature pairs on the x-axis while keeping petal width on the y-axis. Points are colored by species. The visualization uses D3 v6 via the `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs inside a reusable `scatterPlot` ES6 module. A `setInterval` loop updates the x-axis mapping, while SVG elements render axes, legend, and title.

Rraaghaveramireddy@my.unt.edu
94% match
Loading thumbnail…

Activity7

This animated scatter plot displays Iris flower measurements, cycling through four feature pairs—petal width, sepal width, petal length, and sepal length—on the axes. The visualization uses D3.js version 6.7, loading the Iris dataset via `d3.csv` and rendering with SVG. Data points are color-coded by species, and the plot updates every interval by re-scaling axes and circles through a custom `scatterPlot` function. The code also includes a legend, axis labels, and uses `setInterval` to animate the changing dimension combinations.

LLakshanya Sirigiri
93% match
Loading thumbnail…

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.

Ssumanthnaidu213@gmail.com
93% match
Loading thumbnail…

Activity_7

This animated scatter plot explores the Iris dataset by cycling through different flower measurements on the x-axis. It uses D3.js (v6.7.0) with a custom reusable `scatterPlot` module that leverages `scaleLinear`, `axisLeft`, and `axisBottom` to render axes. Data is loaded via `d3.csv`, and a `setInterval` timer updates the plot’s x-value every few seconds, toggling between petal width, sepal width, petal length, and sepal length. Circles are colored by species (setosa, versicolor, virginica) with a legend, title, and axis labels rendered as SVG text elements.

Kkandooriabhiram@gmail.com
93% match
Loading thumbnail…

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.

Ssaishruthik2361@gmail.com
93% match