Skip to main content
SimilarExport ZIP
100%

Fork of Reusable Scatter plot Activity 8

✓ Published0🌍 Public
Ddeekshakondam@gmail.com
Last edited Mar 26, 2025
Created on Mar 26, 2025

This interactive scatter plot visualizes the Iris dataset, with points colored by species (setosa, versicolor, virginica) and sized by sepal dimensions. It cycles through different variable pairings on the x-axis every few seconds using `setInterval`, while the y-axis remains fixed. The visualization is built with D3 v6, using `scaleLinear` for axes, `csv` for data loading, and SVG circles for marks. A legend distinguishes species colors, and axis labels update dynamically to reflect the current x-variable being displayed.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This animated scatter plot explores the Iris dataset, cycling through different feature pairings on the x-axis while keeping sepal length on the y-axis. Colored circles represent three species of iris flowers. The visualization is built using D3's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs within a reusable `scatterPlot` function. A `setInterval` loop updates the plot's x-value mapping, redrawing axes and text labels accordingly. The code also includes custom legend labels, a title, and styling applied through SVG attributes.

AAamir Hameed mir
95% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This interactive scatter plot visualizes the Iris dataset, displaying petal and sepal measurements with points colored by species (setosa, versicolor, virginica). Using D3.js v6 with SVG rendering, the visualization cycles through four variable combinations on the x-axis at regular intervals via `setInterval`, while the y-axis remains fixed. The chart includes a species legend, axis labels, and a title, with the reusable `scatterPlot` module handling scales and axes through D3's `scaleLinear`, `axisLeft`, and `axisBottom`. Data is loaded asynchronously from a GitHub-hosted CSV file.

Aabjalshaik02@gmail.com
95% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This interactive scatter plot explores the Iris dataset, cycling through four flower measurements as the x-axis while keeping sepal length on the y-axis. Animated via `setInterval`, the chart updates its axes and data points accordingly. Built with D3 v6, it uses `scaleLinear`, `axisLeft`, and `axisBottom` for scales and axes, with circles colored by species—skyblue, lightgreen, and orange for setosa, versicolor, and virginica. A legend and rotating axis labels clarify the current variable, and the SVG renders all marks.

Hharipadmavathim2023@gmail.com
95% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This animated scatter plot displays the Iris flower dataset, cycling through four feature pairings (petal width, sepal width, petal length, and sepal length) on the x-axis while keeping sepal length on the y-axis. Points are colored by species (setosa, versicolor, virginica) using static legend markers. Built with D3 v6, the visualization uses `scaleLinear`, `axisLeft`, `axisBottom`, and `csv` parsing, with a reusable `scatterPlot` module. A `setInterval` triggers axis updates every few seconds, while SVG circles are appended directly to the body with custom `rx` and `ry` attributes.

Mmythripopuri2001@gmail.com
95% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This animated scatter plot visualizes the Iris dataset, showing petal and sepal dimensions across three flower species. The visualization cycles through different attribute combinations on the x-axis every few seconds, updating the scatter plot dynamically with D3's `setInterval`. Circles are color-coded by species (setosa, versicolor, virginica), with filled markers rendered in skyblue, lightgreen, and orange. The implementation uses D3's `scaleLinear`, `axisLeft`, `axisBottom`, and `csv` data loading, with SVG circles and text for labels and legends, updating via `selection.join` and `selection.call`.

Vvamsikrishnakanchukommala@my.unt.edu
95% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8 v

This interactive scatter plot displays the Iris dataset, showing relationships between petal and sepal measurements with points colored by species (setosa, versicolor, virginica). The visualization cycles through different x-axis variables every few seconds, while the y-axis remains fixed on sepal length. Built with D3.js, it uses a custom reusable scatterPlot function with SVG circles, axis scales, and a legend. The code employs `scaleLinear`, `axisLeft`, `axisBottom`, and `setInterval` for the rotating axis animation, rendering data from a CSV file fetched via D3's `csv` method.

Vvikramkotlo9@gmail.com
94% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

An animated scatter plot displays the Iris dataset, cycling through four flower measurements on the x-axis while keeping sepal length on the y-axis. Circles represent individual flowers, colored by species (setosa, versicolor, virginica) with a legend and axis labels. Built with D3 v6, the visualization uses `scaleLinear`, `axisLeft`, and `axisBottom` within a reusable `scatterPlot` module, and updates via `setInterval` to rotate the x-axis variable every few seconds.

Vvchittimadha@gmail.com
94% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This animated scatterplot visualizes the Iris flower dataset, showing the relationships between sepal and petal measurements. It cycles through four different attribute combinations on the x-axis, updating every few seconds. The three species—setosa, versicolor, and virginica—are color-coded (skyblue, lightgreen, and orange). Built with D3.js (v6.7.0), it uses `scaleLinear`, `axisLeft`, `axisBottom`, and a reusable `scatterPlot` module. The visualization dynamically re-renders the axes and circles, and includes a color-coded legend and axis labels.

SShashankkodishala@my.unt.edu
94% match