Skip to main content
SimilarExport ZIP
100%

Activity 6

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

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.

AI-generated description

A demonstration of reusable scatter plot.

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

This animated scatter plot cycles through four Iris flower measurements—petal width, sepal width, petal length, and sepal length—on the x-axis, with sepal length on the y-axis. D3 v6 loads the Iris dataset via `d3.csv`, scales axes with `scaleLinear`, and renders axis ticks using `axisLeft` and `axisBottom`. A `setInterval` updates the x-value accessor, triggering a re-render of the SVG via the custom `scatterPlot` function. Circles are colored by species (setosa, versicolor, virginica) and accompanied by a legend and axis labels.

Aamireddy.sw@gmail.com
93% match
Loading thumbnail…

Activity7 Tutorial

This animated scatter plot cycles through different Iris flower measurements, switching the x-axis dimension every few seconds while keeping sepal length on the y-axis. Data points are color-coded by species (setosa, versicolor, virginica) with a legend and title displayed on screen. Built with D3 v6, it uses `scaleLinear`, `axisBottom`, `axisLeft`, and `setInterval` to update the visualization, reading the CSV dataset from a GitHub gist and rendering as SVG.

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

Activity_7.1

This interactive scatterplot animates the Iris dataset, cycling through petal width, sepal width, petal length, and sepal length on the x-axis while sepal length remains fixed on the y-axis. Colored circles represent three species—setosa in skyblue, versicolor in lightgreen, and virginica in orange—with a legend and dynamically updating axis labels. Built with D3 v6, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` within a reusable `scatterPlot` module, driven by `setInterval` to rotate columns and SVG rendering for all marks and annotations.

Hharinihari6791@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…

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