Skip to main content
SimilarExport ZIP
100%

Activity_7

✓ Published0🌍 Public
MManojsai Bangaru
Last edited Apr 9, 2025
Created on Apr 9, 2025
Forked from Hello VizHub

This interactive scatter plot animates through the Iris dataset, cycling between four feature pairs on the x-axis while displaying species-colored circles. The visualization uses D3.js modules including `csv`, `select`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` within a reusable `scatterPlot` function. An SVG rendering with `setInterval` drives the animation, rotating through petal_width, sepal_width, petal_length, and sepal_length. The legend labels each species with distinct colors, while axis titles update dynamically to reflect the current variable being displayed.

AI-generated description
MIT Licensed

Similar vizzes

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…

Activity_7

This animated scatter plot visualizes the Iris dataset, showing four features (petal and sepal length and width) mapped to x/y axes with points colored by species. It cycles through different feature combinations on the x-axis using `setInterval`, with axes and labels updating dynamically. The example uses D3 v6 modules (`scaleLinear`, `axisLeft`, `axisBottom`, `csv`) and a reusable scatter plot component pattern with SVG rendering. A custom color legend distinguishes iris species, and the chart includes rotated axis labels and a title.

SSai Sandhya Nannapaneni
94% match
Loading thumbnail…

Activity 7

This animated scatter plot displays the Iris flower dataset, cycling through different feature pairs on the x-axis while the y-axis remains sepal length. The visualization uses D3's `scaleLinear`, `axisLeft`, and `axisBottom` APIs to render axes and circles. Species are color-coded (skyblue, lightgreen, orange) with a legend, and a `setInterval` timer drives the animation, updating the plot’s x-value binding every few seconds. The SVG is rendered full-window with styled text labels for axis titles and species names.

Kkblikitha22@gmail.com
94% match
Loading thumbnail…

Activity 7_task

This interactive scatterplot animates the Iris dataset, cycling through four feature-pair combinations on the x-axis while the y-axis displays sepal length. Built with D3.js, it renders color-coded circles for three species, with a legend and dynamic axis labels. The visualization uses `d3.csv` for data loading, `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom` for scaling and axes, and `setInterval` for the animation. An SVG element fills the viewport, and the plot updates its x-value mapping based on the current column index.

Kkbhavithareddy06@gmail.com
94% match
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
94% 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
94% match
Loading thumbnail…

Activity_7.1

This interactive scatterplot animates the Iris dataset, cycling through petal width, sepal width, petal length, and sepal length on the x-axis while sepal length remains fixed on the y-axis. Colored circles represent three species—setosa in skyblue, versicolor in lightgreen, and virginica in orange—with a legend and dynamically updating axis labels. Built with D3 v6, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` within a reusable `scatterPlot` module, driven by `setInterval` to rotate columns and SVG rendering for all marks and annotations.

Hharinihari6791@gmail.com
93% 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