Skip to main content
SimilarExport ZIP
100%

Activity 9

✓ Published4🌍 Public
DDouglas mochama
Last edited Apr 29, 2024
Created on Apr 28, 2024
Forked from Activity6_Task4

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.

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 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 9

This visualization displays the Iris dataset as an animated scatter plot, cycling through different feature pairs for the x-axis on an interval. It shows the relationships between various sepal and petal measurements, with each species (setosa, versicolor, virginica) color-coded. The plot, built with D3.js and a reusable `scatterPlot` module, updates dynamically using `setInterval`, re-rendering SVG circles with colors and labels. It demonstrates how to create a modular, animated plot with `d3.csv`, `scaleLinear`, and `axisBottom`/`axisLeft` APIs.

HHarshita Vairagade
93% match
Loading thumbnail…

Activity 9 tutorial1

This animated scatter plot visualizes the Iris dataset, cycling through different combinations of sepal and petal measurements on the x-axis while maintaining petal width on the y-axis. The visualization uses D3.js (v6.7.0) with custom scaling and axis functions from the `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs. Species are color-coded via a marker function mapping setosa, versicolor, and virginica to distinct colors. The plot includes a rotating axis label, a legend with colored points, and updates every few seconds to show different variable pairings. The title and axis labels are rendered using SVG text elements with custom styling.

Cchinnivikramnunna@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 9&10

This interactive scatter plot displays the Iris dataset, cycling through different feature pairs on the x-axis (petal width, sepal width, petal length, and sepal length) every few seconds while the y-axis remains sepal length. Data points are colored by species (setosa, versicolor, virginica) using D3.js to render the SVG visualization, with custom axis labels, a legend, and a title. The code leverages D3's `scaleLinear`, `axisLeft`, and `axisBottom` APIs within a reusable scatter plot module, and uses `setInterval` to animate the changing axes. Data is loaded via D3's `csv` function from a remote GitHub Gist.

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

Activity9-T1

This animated scatter plot visualizes the Iris dataset, cycling through four combinations of petal and sepal measurements on the x-axis while keeping sepal length on the y-axis. Points are colored by species (setosa, versicolor, virginica) with a legend, and a title updates to reflect the current axis. Built with D3 version 6.7, the visualization uses `scaleLinear`, `axisLeft`, and `axisBottom` to create the axes, with a `setInterval` timer rotating the x-axis variable every few seconds. The SVG rendering includes labeled axes, a color legend, and custom-styled text.

Ssirichandana017@gmail.com
93% match
Loading thumbnail…

Activity 9&10

This interactive scatter plot animates through the Iris dataset, cycling the x-axis among four measurements while fixing sepal length on the y-axis. Points are colored by species (setosa, versicolor, virginica) and rendered as ellipses whose rx/ry values encode sepal dimensions. Built with D3.js `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`, the visualization uses animated SVG circle updates via `setInterval` and `selectAll`, with a legend and rotating axis labels. Data is loaded asynchronously from a CSV file hosted on GitHub.

Ssumanthnaidu213@gmail.com
93% match