Skip to main content
SimilarExport ZIP
100%

Activity 7- question 1

✓ Published0🌍 Public
Ttallapanenisahithi@gmail.com
Last edited Nov 6, 2024
Created on Nov 6, 2024
Forked from Hello VizHub

This animated scatter plot explores the classic Iris dataset, cycling through different measurements (petal width, sepal width, petal length, sepal length) on the x-axis while keeping sepal length on the y-axis. It uses D3.js via the `csv` and `scaleLinear` APIs, with `select` for DOM manipulation and `setInterval` to trigger periodic updates. Each species (Setosa, Versicolor, Virginica) is color-coded, and the visualization includes a custom legend, axis labels, and a title, all rendered as an SVG with smooth transitions between dimensions.

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

Activity_7

This animated scatter plot explores the Iris dataset by cycling through different flower measurements on the x-axis. It uses D3.js (v6.7.0) with a custom reusable `scatterPlot` module that leverages `scaleLinear`, `axisLeft`, and `axisBottom` to render axes. Data is loaded via `d3.csv`, and a `setInterval` timer updates the plot’s x-value every few seconds, toggling between petal width, sepal width, petal length, and sepal length. Circles are colored by species (setosa, versicolor, virginica) with a legend, title, and axis labels rendered as SVG text elements.

Kkandooriabhiram@gmail.com
93% match
Loading thumbnail…

Activity_7.1

This interactive scatter plot cycles through different Iris flower measurements, animating the x-axis to display petal width, sepal width, petal length, and sepal length in sequence. The visualization uses D3.js to load CSV data, scale axes, and render animated circles colored by species, with a custom legend and axis labels updating dynamically.

Ddabbararakshitha@gmail.com
92% 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
92% 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
92% match
Loading thumbnail…

Activity 7

This animated scatter plot displays the Iris dataset, cycling through four different petal and sepal measurements on the x-axis while the y-axis remains sepal length. It demonstrates a reusable scatter plot component built with D3.js, using the `csv` and `select` modules for data loading and SVG rendering. The plot updates its axis mapping every few seconds via `setInterval`, recoloring each species differently. A custom legend and axis labels are drawn alongside the animated circles, with the entire visualization rendered as an interactive SVG animation.

Kkommineniamarasadasivani2002@gmail.com
92% 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
92% match