Skip to main content
SimilarExport ZIP
100%

activity7

✓ Published1🌍 Public
Ssravani1969@gmail.com
Last edited Apr 6, 2025
Created on Apr 6, 2025
Forked from HTML Starter

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.

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

Activity 7

This animated scatter plot, styled as a reusable D3.js component, visualizes the Iris dataset, cycling through different feature pairs on the x-axis (petal width, sepal width, petal length, sepal length) while plotting sepal length on the y-axis. It shows the distribution of three iris species—setosa, versicolor, and virginica—with color-coded circles. The visualization initially renders circles using SVG attributes, then repeatedly invokes the `scatterPlot` function with `d3.scaleLinear` axes and updates at fixed intervals via `setInterval`. It loads CSV data asynchronously with `d3.csv` and includes an SVG-based legend and text labels.

Aanjalimadhavi98@gmail.com
93% match
Loading thumbnail…

activity 7 tutorial

This animated scatter plot visualizes the Iris flower dataset, cycling through different pairings of sepal and petal measurements on the x-axis every few seconds while petal width and sepal length remain on the y-axis. Data points are color-coded by species (setosa, versicolor, virginica) with a legend and rotating axis labels. Built with D3.js v6, it uses `scaleLinear`, `axisLeft`, `axisBottom`, and `setInterval` to update the plot dynamically. The SVG renders circles with custom fill colors and includes a reusable `scatterPlot` module for configuration.

Ssudheervnarasimha1@gmail.com
93% 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 displays the Iris flower dataset, cycling through different feature pairs on the x-axis while the y-axis remains sepal length. The visualization uses D3's `scaleLinear`, `axisLeft`, and `axisBottom` APIs to render axes and circles. Species are color-coded (skyblue, lightgreen, orange) with a legend, and a `setInterval` timer drives the animation, updating the plot’s x-value binding every few seconds. The SVG is rendered full-window with styled text labels for axis titles and species names.

Kkblikitha22@gmail.com
93% match