Skip to main content
SimilarExport ZIP
100%

Activity7_Task1

✓ Published0🌍 Public
SSahithi.R
Last edited Nov 6, 2024
Created on Nov 6, 2024
Forked from Hello VizHub

This animated scatter plot of the Iris dataset cycles through different feature pairs, showing how sepal and petal measurements cluster by species. It uses D3 version 6.7 to build the interactive SVG visualization, with a custom `scatterPlot` module that maps data to circles. Every few seconds, the animation updates the x-axis to display a different measurement column, while colored markers (skyblue, lightgreen, orange) distinguish species. The plot includes a legend, a rotating title, and axis labels generated via the `axisLeft` and `axisBottom` APIs, with data loaded from a remote CSV file.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

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

Activity-9_Task-1

This animated scatter plot displays the Iris dataset, cycling through four feature pairings (petal width, sepal width, petal length, and sepal length) on the x-axis while keeping sepal length on the y-axis. Colored circles represent the three iris species (setosa, versicolor, virginica) with a fixed legend. Built with D3.js, it uses `csv` for data loading, `d3.scaleLinear` for scaling, and `d3.axisLeft`/`d3.axisBottom` for axes, with a `setInterval` loop updating the x-value accessor to animate transitions. SVG rendering displays the full-screen plot with custom labels.

Ttharunramula@gmail.com
95% 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…

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
Loading thumbnail…

Activity - 9_Task - 1

This animated scatter plot explores the Iris flower dataset, cycling through different measurement pairs on the x-axis to reveal relationships between sepal and petal dimensions. Colored dots distinguish the three iris species, with a legend and axis labels updating dynamically. The visualization uses D3.js version 6.7.0, loading CSV data from a GitHub gist and employing `d3.csv`, `scaleLinear`, `axisLeft`, and `axisBottom` within a reusable `scatterPlot` module. A `setInterval` drives the animation, while SVG elements render the chart, labels, and legend.

Mmanideepchinna25@gmail.com
93% match
Loading thumbnail…

Activity 8 Task 1

This animated scatter plot explores the Iris dataset, cycling through four different x-axis features (petal width, sepal width, petal length, sepal length) while the y-axis remains fixed on sepal length. Data points are colored by species (setosa, versicolor, virginica), with a legend and dynamic axes updating on a timer. The visualization is built with D3.js (v6.7.0), using the `csv` loader, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` utilities. It renders as an SVG with HTML/CSS styling, refreshing the plot at set intervals via `setInterval`.

Ssreekarthanda@gmail.com
93% match
Loading thumbnail…

Activity7

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.

LLakshanya Sirigiri
92% 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
92% match