Skip to main content
SimilarExport ZIP
100%

activity 6

✓ Published0🌍 Public
Ggoudasrija@gmail.com
Last edited Jul 5, 2024
Created on Jul 5, 2024
Forked from Hello VizHub

This animated scatterplot visualizes the Iris dataset, cycling through different petal and sepal dimensions on the x-axis while keeping sepal length on the y-axis. It uses D3.js via UNPKG to load data from a GitHub Gist and render the SVG. The animation, driven by `setInterval`, updates the plot’s x-axis mapping while adding a legend and axis labels.

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

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

activity_7

This example demonstrates an animated scatter plot of the Iris dataset, cycling through different sepal and petal measurements on the x-axis while keeping petal width on the y-axis. D3 version 6.7.0 is used via UNPKG, with the `csv` method loading data and `scaleLinear`, `axisLeft`, `axisBottom`, and `extent` powering the axes. Circles are colored by species through custom logic, and a `setInterval` timer updates the plot’s x-value accessor every few seconds, re-rendering the SVG to cycle between four measurement columns.

SShiva Sai Reddy
92% match
Loading thumbnail…

Activity-7

This interactive scatter plot visualizes the Iris dataset, cycling through different flower measurements (petal width, sepal width, petal length, sepal length) on the x-axis every few seconds via `setInterval`. It uses D3 (v6) to render SVG circles colored by species, with axis scales via `scaleLinear`, `axisLeft`, and `axisBottom`. The visualization includes a legend, title, and axis labels, dynamically updating the plot's x-value mapping while maintaining the y-axis as sepal width.

SSiva Kishore Reddy
92% match
Loading thumbnail…

Activity 6

This interactive scatter plot visualizes the Iris dataset, cycling through different x-axis variables every few seconds to show relationships between sepal and petal measurements. Each species—setosa, versicolor, and virginica—appears as a distinct color (skyblue, lightgreen, orange) with a legend and axis labels updated dynamically. Built with D3 v6, it uses `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `setInterval` to re-render the SVG animation, with data loaded via the `csv` function from a GitHub-hosted CSV file.

Aanjeevu@gmail.com
92% match
Loading thumbnail…

activity 9

This animated scatter plot visualizes the Iris dataset, cycling through different pairings of sepal and petal measurements on the x-axis while keeping sepal length on the y-axis. Circles are colored by species via a custom marker function, with a legend and axis labels rendered as SVG text. Built with D3 v6, it uses `scaleLinear`, `axisLeft`, `axisBottom`, and `setInterval` to update the scatter plot's x-value binding every few seconds. Data is loaded asynchronously from a remote CSV file using `d3.csv` with row parsing.

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

activity 7 tutorial

This animated scatter plot visualizes the Iris flower dataset, cycling through different pairings of sepal and petal measurements on the x-axis every few seconds while petal width and sepal length remain on the y-axis. Data points are color-coded by species (setosa, versicolor, virginica) with a legend and rotating axis labels. Built with D3.js v6, it uses `scaleLinear`, `axisLeft`, `axisBottom`, and `setInterval` to update the plot dynamically. The SVG renders circles with custom fill colors and includes a reusable `scatterPlot` module for configuration.

Ssudheervnarasimha1@gmail.com
91% 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
91% match