Skip to main content
SimilarExport ZIP
100%

Activity 6

✓ Published1🌍 Public
SSreeKohaliPatel@my.unt.edu
Last edited Apr 25, 2024
Created on Apr 25, 2024

This animated scatter plot cycles through four attributes of the classic Iris flower dataset, displaying petal width versus sepal length as colored circles representing species. Built with D3.js, it uses `scaleLinear` for axes, `axisLeft` and `axisBottom` for ticks, and a custom `scatterPlot` function with an internal `setInterval` to rotate the x-axis variable. The SVG rendering includes a color-coded legend and dynamically updated axis labels.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6

This animated scatter plot cycles through four Iris flower measurements—petal width, sepal width, petal length, and sepal length—on the x-axis, with sepal length on the y-axis. D3 v6 loads the Iris dataset via `d3.csv`, scales axes with `scaleLinear`, and renders axis ticks using `axisLeft` and `axisBottom`. A `setInterval` updates the x-value accessor, triggering a re-render of the SVG via the custom `scatterPlot` function. Circles are colored by species (setosa, versicolor, virginica) and accompanied by a legend and axis labels.

Aamireddy.sw@gmail.com
93% match
Loading thumbnail…

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
92% match
Loading thumbnail…

Activity 7

This animated scatterplot cycles through four Iris flower measurements—petal width, sepal width, petal length, and sepal length—on the x-axis while keeping sepal length on the y-axis. It uses D3’s `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` to load and render the Iris dataset, with `setInterval` driving the axis transitions. Species are color-coded via a custom marker function, and a legend with labels is drawn directly in SVG. The visualization demonstrates a reusable scatter plot module built through a chained configuration pattern.

MMannava Priyanka Chowdary
92% match
Loading thumbnail…

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
92% match
Loading thumbnail…

Activity7

This animated scatter plot explores the Iris flower dataset, cycling through different combinations of sepal and petal measurements on the x- and y-axes. It uses D3's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to construct the axes and positions. Circles are colored by species (setosa, versicolor, virginica) via a custom marker function. The visualization loops through four variable pairings using `setInterval`, updating the plot's scales and redrawing axis labels and legends.

Mm.maanvireddt761@gmail.com
92% 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
92% 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
91% match
Loading thumbnail…

Activity 7

This animated scatter plot displays the Iris dataset, cycling through four different petal and sepal measurements on the x-axis while the y-axis remains sepal length. It demonstrates a reusable scatter plot component built with D3.js, using the `csv` and `select` modules for data loading and SVG rendering. The plot updates its axis mapping every few seconds via `setInterval`, recoloring each species differently. A custom legend and axis labels are drawn alongside the animated circles, with the entire visualization rendered as an interactive SVG animation.

Kkommineniamarasadasivani2002@gmail.com
91% match