Skip to main content
SimilarExport ZIP
100%

Activity 7

✓ Published1🌍 Public
Lleelakrishnadivi7@gmail.com
Last edited Nov 7, 2024
Created on Nov 7, 2024
Forked from Hello VizHub

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`.

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

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
94% match
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 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

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 6

This animated scatter plot explores the classic Iris dataset, cycling through different flower measurements on the x-axis—petal width, sepal width, petal length, and sepal length—against sepal length on the y-axis. The code loads data via D3's `csv` function and builds a reusable scatter plot using `scaleLinear`, `axisLeft`, and `axisBottom`. Each species (setosa, versicolor, virginica) receives a distinct color, and a legend with labeled circles updates alongside the axes. The visualization repeats its axis transitions every few seconds using `setInterval`, with SVG elements rendered directly to the page.

Ddandudivya98@gmail.com
94% match
Loading thumbnail…

Activity-6

This interactive scatterplot animates through the Iris flower dataset, cycling the x-axis among four measurements (petal width, sepal width, petal length, sepal length) while the y-axis shows sepal length. Points are colored by species (setosa in blue, versicolor in green, virginica in orange) with a custom legend. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `selectAll().join()`, with the plot constructed as a reusable `scatterPlot` function. A `setInterval` timer redraws the axes and updates the x-value mapping, while static labels and a title appear as SVG text elements. Data loads from a remote gist CSV file.

Vvaishnavi6gan@gmail.com
94% match
Loading thumbnail…

Activity_7.1

This animated scatter plot visualizes the Iris dataset, cycling through four flower measurements (petal width, sepal width, petal length, sepal length) on the x-axis while keeping sepal length on the y-axis. Each species is color-coded with a legend. The visualization uses D3 v6 (d3.csv, d3.scaleLinear, d3.axisLeft, d3.axisBottom) to render SVG circles that update on a setInterval timer. Data is loaded from a GitHub-hosted CSV file, with the axes and plot redrawing for each dimension cycle.

PPreethamreddyannavaram@my.unt.edu
94% match
Loading thumbnail…

Activity 9&10

This animated scatter plot cycles through different pairings of Iris flower measurements, showing petal width, sepal width, petal length, and sepal length on the x-axis while sepal length remains on the y-axis. The visualization uses D3.js to load the Iris dataset from a GitHub gist and renders colored circles representing three species (setosa, versicolor, and virginica) with a custom legend. The reusable scatterPlot module employs D3 scales, axes, and data joins to update the plot at regular intervals.

Ssumanthnaidu213@gmail.com
94% match