Activity7

100%

✓ Published0🌍 Public

Last edited Apr 17, 2025

Created on Apr 4, 2025

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.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 7 tutorial

This interactive scatter plot visualizes the Iris flower dataset, animating through different combinations of sepal and petal measurements. The visualization cycles through four variable pairings every few seconds, with points colored by species (setosa, versicolor, virginica) and accompanied by a legend and axis labels. Built with D3 v6, it uses `d3.csv` for data loading, `scaleLinear` and `axisLeft`/`axisBottom` for scales and axes, and `setInterval` to trigger re-renders of the reusable `scatterPlot` function.

Ccharanshiva769@gmail.com

94% match

Loading thumbnail…

Activity-6

This interactive scatterplot animates through the Iris flower dataset, cycling the x-axis among four measurements (petal width, sepal width, petal length, sepal length) while the y-axis shows sepal length. Points are colored by species (setosa in blue, versicolor in green, virginica in orange) with a custom legend. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `selectAll().join()`, with the plot constructed as a reusable `scatterPlot` function. A `setInterval` timer redraws the axes and updates the x-value mapping, while static labels and a title appear as SVG text elements. Data loads from a remote gist CSV file.

Vvaishnavi6gan@gmail.com

94% match

Loading thumbnail…

Activity 9&10

This interactive scatter plot animates through different pairings of the Iris dataset’s four measurements, cycling the x-axis between petal width, sepal width, petal length, and sepal length while keeping sepal length on the y-axis. Each species appears as a distinct color—sky blue, light green, or orange—with an animated legend and title rendered inside the SVG. The visualization uses d3.csv to load the data, d3.scaleLinear for axes, and d3.axisLeft and d3.axisBottom for scales, with a reusable scatterPlot function driving the transitions via setInterval.

SSumanthnaidu213

94% match

Loading thumbnail…

Activity7

This interactive scatterplot animates through the four Iris flower measurements—petal width, sepal width, petal length, and sepal length—using a rotating axis system. It displays the classic Iris dataset, with points colored by species (setosa, versicolor, virginica) as skyblue, lightgreen, or orange. Built with D3 v6, it uses `csv` loading, `scaleLinear` for axes, and `setInterval` to cycle the x-axis measurement every few seconds. The SVG rendering includes labeled axes, a legend, and a styled title.

LLakshanya Sirigiri

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

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

93% match