Skip to main content
SimilarExport ZIP
100%

Activity 7.1

✓ Published0🌍 Public
MMandadi Nishita
Last edited Nov 2, 2024
Created on Nov 1, 2024

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.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

activity 7

This animated scatter plot visualizes the Iris flower dataset, cycling through different pairings of sepal and petal measurements on the x-axis while keeping sepal length on the y-axis. The D3.js library (v6.7.0) powers the visualization, with data loaded via `d3.csv` and scales and axes built using `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom`. The chart uses `setInterval` to periodically change the x-axis variable and updates the SVG circles, labels, and legend accordingly, with colors distinguishing the three Iris species.

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

Activity7

This interactive scatter plot animates through different pairwise combinations of the Iris dataset’s four measurements, cycling the x-axis among petal width, sepal width, petal length, and sepal length while keeping sepal length on the y-axis. Points are colored by species (setosa, versicolor, virginica) with a static legend and labeled axes. Built with D3.js (v6.7.0), it uses `scaleLinear`, `axisLeft`, and `axisBottom` for scales and axes, and `setInterval` to update the plot’s `xValue` assignment. The SVG rendering is generated from a CSV fetched via `d3.csv` and styled with CSS.

Ssjannaikode@gmail.com
93% match
Loading thumbnail…

Activity_7.1

This animated scatter plot visualizes the Iris dataset, cycling through four flower measurements (petal width, sepal width, petal length, sepal length) on the x-axis while keeping sepal length on the y-axis. Each species is color-coded with a legend. The visualization uses D3 v6 (d3.csv, d3.scaleLinear, d3.axisLeft, d3.axisBottom) to render SVG circles that update on a setInterval timer. Data is loaded from a GitHub-hosted CSV file, with the axes and plot redrawing for each dimension cycle.

PPreethamreddyannavaram@my.unt.edu
93% 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
93% 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
93% match