Skip to main content
SimilarExport ZIP
100%

Activity7

✓ Published0🌍 Public
LLakshanya Sirigiri
Last edited Apr 11, 2025
Created on Apr 11, 2025
Forked from Hello VizHub

This animated scatter plot displays Iris flower measurements, cycling through four feature pairs—petal width, sepal width, petal length, and sepal length—on the axes. The visualization uses D3.js version 6.7, loading the Iris dataset via `d3.csv` and rendering with SVG. Data points are color-coded by species, and the plot updates every interval by re-scaling axes and circles through a custom `scatterPlot` function. The code also includes a legend, axis labels, and uses `setInterval` to animate the changing dimension combinations.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity7

This interactive scatterplot animates through the four Iris flower measurements—petal width, sepal width, petal length, and sepal length—using a rotating axis system. It displays the classic Iris dataset, with points colored by species (setosa, versicolor, virginica) as skyblue, lightgreen, or orange. Built with D3 v6, it uses `csv` loading, `scaleLinear` for axes, and `setInterval` to cycle the x-axis measurement every few seconds. The SVG rendering includes labeled axes, a legend, and a styled title.

LLakshanya Sirigiri
95% 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
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_task - 1

This animated scatter plot explores the Iris flower dataset, cycling through different feature pairings on the x-axis to reveal relationships between sepal and petal measurements. Points are colored by species (setosa, versicolor, virginica) and positioned using D3.js scales and axes from the `d3` library. The visualization updates every few seconds, re-rendering the plot with a new attribute on the horizontal axis while keeping the vertical axis fixed, allowing comparison across dimensions. The code uses D3’s `csv` loader, `scaleLinear`, `axisLeft`, and `axisBottom` to construct the reusable scatter plot, with an SVG canvas and custom legend.

Mmalisettisaisumanth@gmail.com
93% match
Loading thumbnail…

Activity 7

An animated scatter plot of the Iris dataset cycles through different feature pairings on the x-axis, with petal width fixed on the y-axis. The visualization rotates through petal width, sepal width, petal length, and sepal length using a `setInterval` callback that updates the D3 `scaleLinear` domains. Circles are colored by species, and a legend identifies setosa, versicolor, and virginica. The code uses D3's `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs, and defines a reusable `scatterPlot` module. Data is loaded from a GitHub Gist.

Pp99vijaya@gmail.com
93% match
Loading thumbnail…

Activity 7

This animated scatter plot displays the Iris dataset, cycling through four different feature pairs on the x-axis while keeping petal width on the y-axis. Points are colored by species. The visualization uses D3 v6 via the `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs inside a reusable `scatterPlot` ES6 module. A `setInterval` loop updates the x-axis mapping, while SVG elements render axes, legend, and title.

Rraaghaveramireddy@my.unt.edu
93% match
Loading thumbnail…

Activity_7

This interactive scatter plot animates through the Iris dataset, cycling between four feature pairs on the x-axis while displaying species-colored circles. The visualization uses D3.js modules including `csv`, `select`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` within a reusable `scatterPlot` function. An SVG rendering with `setInterval` drives the animation, rotating through petal_width, sepal_width, petal_length, and sepal_length. The legend labels each species with distinct colors, while axis titles update dynamically to reflect the current variable being displayed.

MManojsai Bangaru
93% match