Skip to main content
SimilarExport ZIP
100%

Fork of Activity_7.1Tutorial

✓ Published0🌍 Public
IILYAS AHMED
Last edited Apr 10, 2025
Created on Apr 10, 2025

This animated scatter plot displays Fisher's Iris dataset, cycling through the four measured features (petal and sepal width/length) on the x-axis while plotting sepal length on the y-axis. Species are distinguished by color (skyblue, lightgreen, and orange), with a legend and axis labels updating at each interval. The visualization is built with D3.js (v6.7.0) using the `scatterPlot` module, `scaleLinear`, `axisLeft`, `axisBottom`, and `setInterval` for animation, rendering as an SVG with data loaded from a remote CSV.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity 7.1

This animated scatter plot displays the Iris dataset, using D3 v6 to cycle through different feature pairings on the x-axis every few seconds. The visualization, rendered as SVG, maps sepal and petal measurements to point positions, with species color-coded (sky blue, light green, and orange). It demonstrates a reusable scatter plot module, using functions like `scaleLinear`, `extent`, and `axisLeft` from D3, while the `setInterval` timer updates the displayed columns, with axis labels and legend text reflecting the current selection.

Bbhavanadupati3@gmail.com
92% match
Loading thumbnail…

Activity7.1_Tutorial

This animated scatter plot cycles through different iris flower measurements from the classic Iris dataset. It displays petal width on the x-axis against sepal length on the y-axis, with points colored by species (setosa, versicolor, virginica). The visualization updates every few seconds, changing which measurement is plotted on the x-axis. Built with D3.js (v6.7.0), it uses the `scaleLinear`, `axisLeft`, and `axisBottom` APIs within a custom `scatterPlot` module. The SVG rendering includes axis labels, a color legend, and a title, with all data loaded from a remote CSV file.

Ssagipavan2385@gmail.com
91% match
Loading thumbnail…

Activity7.1_Tutorial

This animated scatter plot explores the Iris dataset, cycling through four different feature combinations on the x-axis to reveal relationships between sepal and petal measurements. Built with D3.js (version 6.7), the visualization uses an SVG canvas and a reusable `scatterPlot` function that handles axis scaling and circle placement. The code applies color coding by species (skyblue, lightgreen, orange) and includes a legend, axis labels, and a title. A `setInterval` timer sequentially updates the x-axis mapping to petal_width, sepal_width, petal_length, or sepal_length, while the y-axis remains fixed on sepal_length, demonstrating dynamic data exploration.

Vvidyagangasani@my.unt.edu
91% match
Loading thumbnail…

Fork of Activity_7

This dynamic scatter plot animates through the Iris flower dataset, cycling the x-axis through four different measurements (petal width, sepal width, petal length, sepal length) while the y-axis remains fixed on sepal length. The visualization uses D3.js (v6) with a reusable `scatterPlot` module that employs `scaleLinear` for axis scaling and `axisBottom`/`axisLeft` for rendering axes. Data is loaded via `d3.csv` from a GitHub gist and rendered as SVG circles colored by species (setosa, versicolor, virginica). The animation uses `setInterval` to update the x-axis mapping every few seconds, with labels and legends redrawn each iteration.

Ssreejabommineni1506@gmail.com
91% 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
91% 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
91% match
Loading thumbnail…

Activity_7.1Tutorial

This animated scatterplot, built with D3.js, visualizes the classic Iris flower dataset, showing how different species cluster across various measurement combinations. It cycles through four different x-axis attributes—petal width, sepal width, petal length, and sepal length—while keeping sepal length on the y-axis, with colored circles distinguishing setosa, versicolor, and virginica. The visualization uses D3's `csv` loader, `scaleLinear`, and `axisBottom`/`axisLeft` utilities, with a custom reusable `scatterPlot` module. It renders as an SVG and updates its axes and labels every few seconds via `setInterval`.

Rrahman.mehmood2002@gmail.com
91% 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
90% match