Skip to main content
SimilarExport ZIP
100%

Activity_7.1

✓ Published0🌍 Public
Ddabbararakshitha@gmail.com
Last edited Apr 11, 2025
Created on Apr 11, 2025
Forked from Hello VizHub

This interactive scatter plot cycles through different Iris flower measurements, animating the x-axis to display petal width, sepal width, petal length, and sepal length in sequence. The visualization uses D3.js to load CSV data, scale axes, and render animated circles colored by species, with a custom legend and axis labels updating dynamically.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

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
95% match
Loading thumbnail…

Activity-7

This interactive scatter plot visualizes the Iris dataset, cycling through different flower measurements (petal width, sepal width, petal length, sepal length) on the x-axis every few seconds via `setInterval`. It uses D3 (v6) to render SVG circles colored by species, with axis scales via `scaleLinear`, `axisLeft`, and `axisBottom`. The visualization includes a legend, title, and axis labels, dynamically updating the plot's x-value mapping while maintaining the y-axis as sepal width.

SSiva Kishore Reddy
95% match
Loading thumbnail…

activity7

This animated scatter plot cycles through different Iris flower measurements, displaying 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) with a legend and axis labels. Built with D3.js, it loads CSV data, uses `d3.csv` for parsing, and relies on `setInterval` to rotate the displayed variable, re-rendering SVG circles and text each cycle.

TThai Ha Dang
95% match
Loading thumbnail…

Activity-7 Tutorial

This animated scatter plot cycles through four Iris flower measurements—petal width, sepal width, petal length, and sepal length—as the x-axis every five seconds, using D3 scales and axes. The visualization loads CSV data via d3.csv, renders points as SVG circles with d3.scaleLinear and extent, and updates the axis through setInterval. A color-coded legend distinguishes the three species, while axis labels and a title appear as SVG text elements.

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

activity_7

This example demonstrates an animated scatter plot of the Iris dataset, cycling through different sepal and petal measurements on the x-axis while keeping petal width on the y-axis. D3 version 6.7.0 is used via UNPKG, with the `csv` method loading data and `scaleLinear`, `axisLeft`, `axisBottom`, and `extent` powering the axes. Circles are colored by species through custom logic, and a `setInterval` timer updates the plot’s x-value accessor every few seconds, re-rendering the SVG to cycle between four measurement columns.

SShiva Sai Reddy
94% match
Loading thumbnail…

Activity 7

This animated scatter plot displays the Iris dataset, cycling through four different petal and sepal measurements on the x-axis while the y-axis remains sepal length. It demonstrates a reusable scatter plot component built with D3.js, using the `csv` and `select` modules for data loading and SVG rendering. The plot updates its axis mapping every few seconds via `setInterval`, recoloring each species differently. A custom legend and axis labels are drawn alongside the animated circles, with the entire visualization rendered as an interactive SVG animation.

Kkommineniamarasadasivani2002@gmail.com
94% match