Skip to main content
SimilarExport ZIP
100%

Activity - 7_task - 1

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

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.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity7_Task1

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.

SSahithi.R
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 - 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
94% 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
94% 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
93% match
Loading thumbnail…

Activity 7

This animated scatter plot cycles through different pairings of iris flower measurements, displaying petal width, sepal width, petal length, and sepal length on the x-axis while keeping sepal length fixed on the y-axis. Points are color-coded by species (setosa, versicolor, virginica) using a legend with labels and colored circles. The visualization loads iris data from a CSV via D3's `csv` method, uses a reusable `scatterPlot` module built with `scaleLinear`, `axisLeft`, and `axisBottom`, and updates the chart every few seconds with `setInterval`.

Lleelakrishnadivi7@gmail.com
93% match
Loading thumbnail…

Activity 8_task1

This animated scatter plot visualizes the Iris flower dataset, showing relationships between sepal and petal measurements with color-coded species (setosa, versicolor, virginica). The visualization cycles through four variable combinations on the x-axis every few seconds using `setInterval`, while the y-axis displays petal width. Built with D3.js v6, it uses `scaleLinear`, `axisBottom`, and `axisLeft` for axes, with SVG circles for data points. The code creates a reusable scatter plot module and renders an interactive legend with custom colors and rotating axis labels.

Mmandadi1999
93% 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