Skip to main content
SimilarExport ZIP
100%

Fork of Reusable Scatter plot Activity 8

✓ Published0🌍 Public
Ssravya.mundluru@gmail.com
Last edited Mar 27, 2025
Created on Mar 27, 2025

A scatterplot of the Iris dataset animates through combinations of its four features on the x-axis (petal width, sepal width, petal length, sepal length) against sepal length on the y-axis. Points are colored by species (setosa, versicolor, virginica). Built with D3 v6, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` from a custom `scatterPlot` module, with an SVG render and `setInterval` for cycling axes.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This animated scatter plot displays the Iris flower dataset, cycling through four feature pairings (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) using static legend markers. Built with D3 v6, the visualization uses `scaleLinear`, `axisLeft`, `axisBottom`, and `csv` parsing, with a reusable `scatterPlot` module. A `setInterval` triggers axis updates every few seconds, while SVG circles are appended directly to the body with custom `rx` and `ry` attributes.

Mmythripopuri2001@gmail.com
96% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

An animated scatter plot displays the Iris dataset, cycling through four flower measurements on the x-axis while keeping sepal length on the y-axis. Circles represent individual flowers, colored by species (setosa, versicolor, virginica) with a legend and axis labels. Built with D3 v6, the visualization uses `scaleLinear`, `axisLeft`, and `axisBottom` within a reusable `scatterPlot` module, and updates via `setInterval` to rotate the x-axis variable every few seconds.

Vvchittimadha@gmail.com
95% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

An animated scatter plot cycles through four Iris flower measurements, displaying petal width, sepal width, petal length, and sepal length on the x-axis while plotting petal width against sepal length on the y-axis. Circles are colored by species (setosa, versicolor, virginica) using the D3 `scaleLinear` and `axisBottom`/`axisLeft` APIs. The visualization uses D3 v6 to load the Iris dataset via `csv` and updates the chart every few seconds with `setInterval`.

SSupriya Ravilla
95% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This interactive scatter plot explores the Iris dataset, cycling through four flower measurements as the x-axis while keeping sepal length on the y-axis. Animated via `setInterval`, the chart updates its axes and data points accordingly. Built with D3 v6, it uses `scaleLinear`, `axisLeft`, and `axisBottom` for scales and axes, with circles colored by species—skyblue, lightgreen, and orange for setosa, versicolor, and virginica. A legend and rotating axis labels clarify the current variable, and the SVG renders all marks.

Hharipadmavathim2023@gmail.com
95% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This animated scatterplot visualizes the Iris flower dataset, showing the relationships between sepal and petal measurements. It cycles through four different attribute combinations on the x-axis, updating every few seconds. The three species—setosa, versicolor, and virginica—are color-coded (skyblue, lightgreen, and orange). Built with D3.js (v6.7.0), it uses `scaleLinear`, `axisLeft`, `axisBottom`, and a reusable `scatterPlot` module. The visualization dynamically re-renders the axes and circles, and includes a color-coded legend and axis labels.

SShashankkodishala@my.unt.edu
95% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This animated scatter plot cycles through four Iris flower measurements (petal width, sepal width, petal length, and sepal length) on the x-axis against sepal length on the y-axis, using color-coded circles to distinguish species (setosa, versicolor, virginica). Built with D3.js (v6.7.0), it uses `scaleLinear`, `axisLeft`, `axisBottom`, and a reusable `scatterPlot` module to render the SVG visualization. The data is loaded from a GitHub-hosted Iris dataset via `d3.csv`, and a `setInterval` timer drives the rotation of variables, updating both the plot and axis labels dynamically.

Rruchithakakarla336@gmail.com
95% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This interactive scatter plot animates through the Iris dataset, cycling the x-axis through petal width, sepal width, petal length, and sepal length at intervals. Points are color-coded by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. Built with d3.v6, it uses the reusable `scatterPlot()` module with `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render SVG circles and axes. Text labels for the legend, title, and axis names are appended dynamically, while a `setInterval` updates the chart in an animation.

Bbudalavijay2001@gmail.com
95% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This animated scatter plot explores the Iris dataset, cycling through different feature pairings on the x-axis while keeping sepal length on the y-axis. Colored circles represent three species of iris flowers. The visualization is built using D3's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs within a reusable `scatterPlot` function. A `setInterval` loop updates the plot's x-value mapping, redrawing axes and text labels accordingly. The code also includes custom legend labels, a title, and styling applied through SVG attributes.

AAamir Hameed mir
95% match