rohitha8

Fork of Reusable Scatter plot Activity 8

This animated scatter plot visualizes the Iris dataset, cycling through four flower measurements on the x-axis while keeping petal width on the y-axis. Each species—setosa, versicolor, and virginica—is color-coded, with a legend and axis labels displayed. The visualization uses D3.js functions including `csv`, `scaleLinear`, `axisLeft`, and `axisBottom`, with circles positioned via `attr` and updated through `setInterval`. Built as an SVG with HTML/CSS, the code demonstrates a reusable scatter plot component.

BBhavanaGIrni

Activity_7_11815718

This animated scatter plot visualizes the Iris dataset, cycling through different flower measurements every five seconds. Colored circles represent individual flowers, with skyblue for setosa, lightgreen for versicolor, and orange for virginica, alongside a color legend and axis labels. The visualization uses the D3 library’s `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` APIs to load data and render scales and axes within an SVG. A custom `scatterPlot` function manages the plot’s reusable properties, while `setInterval` triggers updates to swap the x-axis variable.

Mmaneeshraja47@gmail.com

Rruchithakakarla336@gmail.com

Fork of Reusable Scatter plot Activity 8

This animated scatter plot cycles through four Iris flower measurements (petal width, sepal width, petal length, and sepal length) on the x-axis against sepal length on the y-axis, using color-coded circles to distinguish species (setosa, versicolor, virginica). Built with D3.js (v6.7.0), it uses `scaleLinear`, `axisLeft`, `axisBottom`, and a reusable `scatterPlot` module to render the SVG visualization. The data is loaded from a GitHub-hosted Iris dataset via `d3.csv`, and a `setInterval` timer drives the rotation of variables, updating both the plot and axis labels dynamically.

Vvarshithainaganti@gmail.com

Activity7.1_task

This animated scatterplot cycles through different iris flower measurements on the x-axis, coloring each species (setosa, versicolor, virginica) with distinct colors (skyblue, lightgreen, orange). Using the D3 v6 library, the visualization employs `csv` to load Iris dataset from a GitHub gist, `scaleLinear` for axes, and `setInterval` to rotate through columns. SVG circles update positions with transitions, while text labels and legends re-render dynamically with each interval tick.

Mmeghanachowdarykomatineni@my.unt.edu

IRIS_Visualization

This interactive scatterplot visualizes the Iris dataset, with each point colored by species (setosa, versicolor, virginica) using SVG circles. The animation cycles through different flower measurements, changing the x-axis attribute every few seconds while keeping petal width on the y-axis. The code uses D3 v5's `select`, `csv`, and `scatterPlot` imports, along with `setInterval` to drive the transitions. A legend and dynamic axis labels update as the displayed variables change, all rendered through SVG elements.

Ggalijawaharnath@gmail.com

act 7.1

This animated scatterplot explores the Iris dataset, cycling through four feature pairings on the axes every few seconds. Each point represents a flower, colored by species (setosa, versicolor, virginica) with a fixed legend and title. The visualization is built with D3.js, using `scaleLinear`, `axisLeft`, `axisBottom`, and a reusable `scatterPlot` function. SVG elements are updated via `setInterval` to swap the x-axis variable, while separate circle elements encode the current marks and static legend shapes persist.

Animated Reusable D3 Scatter Plot

This animated scatter plot cycles through the numeric columns of the Iris dataset, updating the x-axis to display each variable while the y-axis remains fixed on the final column. Rendered as SVG, the visualization uses D3’s scaleLinear, axisBottom, axisLeft, and transition APIs to animate circle positions and axis titles every three seconds. The reusable scatterPlot component applies a staggered enter and update transition to the marks.

KKaustav Sen

Reusable D3 Scatter Plot with IRIS Data

This example presents a reusable scatter plot of the Iris dataset, cycling through four attribute pairs every two seconds. It renders SVG symbols whose shapes encode the flower species, with axes updating to reflect the current dimensions being compared. Built with D3 v6, the visualization uses `scaleLinear`, `scaleOrdinal`, `symbol` for mark generation, and `axisBottom`/`axisLeft` for scales. Data is loaded via `csv` from a GitHub gist, while a `setInterval` loop reconfigures the plot’s accessor functions to animate between variable combinations.

DDivyasri0310