Activity_7_11815718

100%

Activity_7_11815718

✓ Published0🌍 Public

Last edited Nov 9, 2025

Created on Nov 9, 2025

This animated scatter plot visualizes the Iris dataset, cycling through different flower measurements every five seconds. Colored circles represent individual flowers, with skyblue for setosa, lightgreen for versicolor, and orange for virginica, alongside a color legend and axis labels. The visualization uses the D3 library’s `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` APIs to load data and render scales and axes within an SVG. A custom `scatterPlot` function manages the plot’s reusable properties, while `setInterval` triggers updates to swap the x-axis variable.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity_7

This animated scatter plot explores the Iris dataset by cycling through different flower measurements on the x-axis. It uses D3.js (v6.7.0) with a custom reusable `scatterPlot` module that leverages `scaleLinear`, `axisLeft`, and `axisBottom` to render axes. Data is loaded via `d3.csv`, and a `setInterval` timer updates the plot’s x-value every few seconds, toggling between petal width, sepal width, petal length, and sepal length. Circles are colored by species (setosa, versicolor, virginica) with a legend, title, and axis labels rendered as SVG text elements.

Kkandooriabhiram@gmail.com

94% 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…

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…

activity7

This animated scatter plot visualizes the iris dataset, cycling through different flower measurements (petal width, sepal width, petal length, sepal length) on the x-axis while keeping sepal length on the y-axis. Colored circles represent species categories (setosa, versicolor, virginica) with a static legend. The visualization uses D3.js’s `scaleLinear`, `axisLeft`, and `axisBottom` APIs to construct a reusable scatter plot, with a `setInterval` driving the animation. Data is loaded from a remote CSV file, rendered as SVG, and styled with custom labels and a title.

Ssravani1969@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

This interactive scatter plot, built with D3.js, visualizes the Iris dataset, showing the relationship between different flower measurements. The plot animates through four axis configurations, cycling petal and sepal dimensions on the x-axis while keeping sepal length on the y-axis. A legend distinctively colors points by species—setosa, versicolor, and virginica—using light blue, light green, and orange. The visualization dynamically redraws axes and labels using `scaleLinear` and `axisBottom`, with data loaded via `d3.csv`, demonstrating a reusable `scatterPlot` module.

Vvaishnavi6gan@gmail.com

92% match

Loading thumbnail…

Activity7.1_task

This animated scatterplot cycles through different iris flower measurements on the x-axis, coloring each species (setosa, versicolor, virginica) with distinct colors (skyblue, lightgreen, orange). Using the D3 v6 library, the visualization employs `csv` to load Iris dataset from a GitHub gist, `scaleLinear` for axes, and `setInterval` to rotate through columns. SVG circles update positions with transitions, while text labels and legends re-render dynamically with each interval tick.

Vvarshithainaganti@gmail.com

92% 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