Skip to main content
SimilarExport ZIP
100%

Activity 7

✓ Published0🌍 Public
TTarshit Vupperla
Last edited Nov 7, 2024
Created on Nov 7, 2024

This interactive scatter plot visualizes the Iris dataset, cycling through different feature pairings on the x-axis every few seconds. It displays sepal and petal measurements for three iris species, colored distinctively (skyblue, lightgreen, and orange). The visualization is built with React and D3.js, using `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to generate axes. SVG circles represent data points, with dynamic x-value updates triggering re-renders. A legend and rotating axis labels accompany the animated transitions between petal width, sepal width, petal length, and sepal length.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 7

This animated scatter plot cycles through four Iris flower measurements, displaying petal width, sepal width, petal length, and sepal length on the x-axis while keeping sepal length on the y-axis. Each species—setosa, versicolor, and virginica—is color-coded with a legend. Built with React and D3, it uses `d3.csv` to load the Iris dataset, `scaleLinear` for axes, and a custom `scatterPlot` function. A `setInterval` updates the x-value mapping every few seconds, re-rendering circles and axes while appending static labels and a title via SVG.

Ggroup118sai@gmail.com
92% match
Loading thumbnail…

Activity 7.1

This interactive scatter plot visualizes the Iris dataset, cycling through different pairings of sepal and petal measurements on the x-axis while keeping petal width on the y-axis. It animates the transition between these variable combinations using a timed interval. The visualization is built with D3.js (version 6.7.0), using the `scaleLinear`, `axisLeft`, `axisBottom`, and `csv` utilities. Data is loaded from a GitHub gist, and the plot updates its axes and point positions dynamically. The SVG rendering includes a legend, axis labels, and a title, with colors distinguishing the three Iris species.

MMandadi Nishita
92% match
Loading thumbnail…

Activity 7

This interactive scatter plot explores the Iris dataset, cycling through four different variable pairings on the x-axis to reveal relationships between sepal and petal measurements. The visualization uses D3 (v6.7.0) with an animated `setInterval` to rotate the x-axis feature, while the y-axis remains sepal length. Each point is colored by species—setosa, versicolor, and virginica—using a custom marker function. The plot is rendered as an SVG with D3's `scaleLinear`, `axisLeft`, and `axisBottom` APIs, and includes a manual legend and axis labels.

KKarnam Abinay Goud
91% 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
91% match
Loading thumbnail…

Activity_7

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.

MManojsai Bangaru
91% match
Loading thumbnail…

Activity 7

This visualization is an animated scatter plot of the classic Iris dataset, cycling through different pairings of sepal and petal measurements on the axes. It uses D3.js (v6.7.0) via UNPKG, with a custom `scatterPlot` module built from D3's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs. The plot updates every few seconds, transitioning between four variable combinations, and includes a color-coded legend for the three iris species.

Vvarunreddy.gudigopuram@gmail.com
91% match
Loading thumbnail…

Activity 7.1 Tutorial

This interactive scatterplot visualizes the Iris flower dataset, showing the relationships between petal and sepal measurements. It cycles through four variable combinations on the x-axis every few seconds, using color-coded circles for species. Built with D3.js (v6.7.0), it leverages modules like `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to create the plot. The animation sequences through different dimension pairs, with a legend, axis labels, and a title rendered as SVG. Data is loaded from a remote CSV file hosted on GitHub.

Ttarun.chintada46@gmail.com
91% 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
91% match