Skip to main content
SimilarExport ZIP
100%

Fork of Reusable Scatter plot Activity 8 v

✓ Published0🌍 Public
Vvikramkotlo9@gmail.com
Last edited Apr 6, 2024
Created on Apr 6, 2024

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.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

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

Fork of Reusable Scatter plot Activity 8

This interactive scatter plot visualizes the Iris dataset, showing the relationships between petal and sepal measurements across three flower species, with a cycling animation that switches which measurement pair is plotted on the axes. Built with the D3.js library (version 6.7.0), it uses the `csv` and `select` functions to load data from a remote CSV source and render SVG elements. The code defines a reusable `scatterPlot` component, uses `scaleLinear`, `axisLeft`, and `axisBottom` for axes, and employs a time-based loop to dynamically update the plotted columns.

Ddeekshakondam@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 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
95% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This visualization displays the Iris dataset as a scatter plot, with the x-axis cycling through petal width, sepal width, petal length, and sepal length over time, while the y-axis remains fixed on sepal length. Points are colored by species (setosa, versicolor, virginica) using a custom marker function. Built with d3.scaleLinear, d3.axisLeft, and d3.axisBottom, it animates via setInterval, updating axes and labels dynamically. The SVG render shows a legend, title, and axis labels, with data loaded from a remote CSV using d3.csv.

Rrushithareddyy
95% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This interactive scatter plot animates through the Iris dataset, cycling the x-axis through petal width, sepal width, petal length, and sepal length at intervals. Points are color-coded by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. Built with d3.v6, it uses the reusable `scatterPlot()` module with `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render SVG circles and axes. Text labels for the legend, title, and axis names are appended dynamically, while a `setInterval` updates the chart in an animation.

Bbudalavijay2001@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

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