Skip to main content
SimilarExport ZIP
100%

Activity 7

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

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.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

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

Activity_7

This animated scatter plot visualizes the Iris dataset, showing four features (petal and sepal length and width) mapped to x/y axes with points colored by species. It cycles through different feature combinations on the x-axis using `setInterval`, with axes and labels updating dynamically. The example uses D3 v6 modules (`scaleLinear`, `axisLeft`, `axisBottom`, `csv`) and a reusable scatter plot component pattern with SVG rendering. A custom color legend distinguishes iris species, and the chart includes rotated axis labels and a title.

SSai Sandhya Nannapaneni
94% 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_task

This interactive scatterplot animates the Iris dataset, cycling through four feature-pair combinations on the x-axis while the y-axis displays sepal length. Built with D3.js, it renders color-coded circles for three species, with a legend and dynamic axis labels. The visualization uses `d3.csv` for data loading, `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom` for scaling and axes, and `setInterval` for the animation. An SVG element fills the viewport, and the plot updates its x-value mapping based on the current column index.

Kkbhavithareddy06@gmail.com
94% match
Loading thumbnail…

Activity7

This animated scatter plot explores the Iris flower dataset, cycling through different combinations of sepal and petal measurements on the x- and y-axes. It uses D3's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to construct the axes and positions. Circles are colored by species (setosa, versicolor, virginica) via a custom marker function. The visualization loops through four variable pairings using `setInterval`, updating the plot's scales and redrawing axis labels and legends.

Mm.maanvireddt761@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
93% match