Skip to main content
SimilarExport ZIP
100%

Activity-8.1

✓ Published0🌍 Public
Ppjdhungana@gmail.com
Last edited Jul 10, 2023
Created on Jul 10, 2023
Forked from Hello VizHub

This animated scatterplot visualizes the Iris dataset, cycling through four attribute combinations on the x-axis while sepal length remains on the y-axis. It demonstrates D3 data joins and scales from the `d3` module, with a custom `scatterPlot` reusable chart updating via `setInterval`. Points are colored by species, and a legend with a title and axis labels is rendered in SVG.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-7

Animated scatter plot of the Iris dataset cycles through four feature combinations, using 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. The visualization uses a reusable scatter plot module built on D3 scales and axes, updating via `setInterval`. Data is loaded from a CSV file, rendered as SVG circles, and includes dynamic axis titles and a title.

Rrahul.bonu524@gmail.com
91% match
Loading thumbnail…

Activity 7

This interactive scatter plot explores the Iris dataset, cycling through four different variable pairings on the x-axis to reveal relationships between sepal and petal measurements. The visualization uses D3 (v6.7.0) with an animated `setInterval` to rotate the x-axis feature, while the y-axis remains sepal length. Each point is colored by species—setosa, versicolor, and virginica—using a custom marker function. The plot is rendered as an SVG with D3's `scaleLinear`, `axisLeft`, and `axisBottom` APIs, and includes a manual legend and axis labels.

KKarnam Abinay Goud
91% match
Loading thumbnail…

Activity 9

This animated scatter plot displays the Iris dataset, cycling through different x-axis attributes (petal width, sepal width, petal length, sepal length) at intervals. It color-codes points by species (setosa, versicolor, virginica) with a legend and updates axis labels accordingly. The visualization uses D3 v6, loading data via `d3.csv`, and constructs the chart with a custom reusable `scatterPlot()` function that leverages `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. SVG elements, including circles and text, are manipulated through `selectAll` and `join` for smooth transitions.

DDouglas mochama
90% match
Loading thumbnail…

Activity_7_1

A customizable scatter plot visualizes the Iris dataset, cycling through four variable pairings on the x-axis every few seconds. The animation uses `setInterval` to update the x-scale and re-render the plot. It maps sepal and petal dimensions to coordinates, colored circles represent species, and a legend with labeled points is included. The code uses d3’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs, and renders as an animated SVG with custom styling from an external stylesheet.

LLarry Johnson
90% match
Loading thumbnail…

Reusable Scatter plot Activity 8

This animated scatter plot visualizes the Iris dataset, cycling through four feature combinations on the x-axis while sepal length stays on the y-axis. Each species appears as a distinct color (skyblue, lightgreen, orange) with a legend. Built with D3 v6, it uses `scaleLinear`, `axisLeft`, `axisBottom`, and a reusable `scatterPlot` module updated via `setInterval`. SVG circles and text labels render dynamically as axes change every few seconds.

Mmn0658
90% match
Loading thumbnail…

Activity 6

This animated scatter plot cycles through four attributes of the classic Iris flower dataset, displaying petal width versus sepal length as colored circles representing species. Built with D3.js, it uses `scaleLinear` for axes, `axisLeft` and `axisBottom` for ticks, and a custom `scatterPlot` function with an internal `setInterval` to rotate the x-axis variable. The SVG rendering includes a color-coded legend and dynamically updated axis labels.

SSreeKohaliPatel@my.unt.edu
90% 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
90% 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
90% match