Fork of Reusable Scatter plot Activity 8

Hharipadmavathim2023@gmail.com

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.

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

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.

Fork of Reusable Scatter plot Activity 8

This example demonstrates a dynamic, animated scatterplot of the Iris flower dataset, showcasing how different species cluster across various measurement combinations. Through a cycling interval, the plot iterates through different x-axis variables (petal width, sepal width, petal length, and sepal length) while keeping sepal length on the y-axis, with species color-coded as skyblue, lightgreen, and orange. Built with D3.js version 6.7, the visualization uses a custom reusable `scatterPlot` function leveraging `scaleLinear`, `axisLeft`, `axisBottom`, and `csv` for data loading, rendering circles in SVG with animated transitions and a static legend.

Rrushithareddyy

Ssravya.mundluru@gmail.com

Fork of Reusable Scatter plot Activity 8

A scatterplot of the Iris dataset animates through combinations of its four features on the x-axis (petal width, sepal width, petal length, sepal length) against sepal length on the y-axis. Points are colored by species (setosa, versicolor, virginica). Built with D3 v6, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` from a custom `scatterPlot` module, with an SVG render and `setInterval` for cycling axes.

Vvarunreddy.gudigopuram@gmail.com

Fork of Reusable Scatter plot Activity 8

This animated scatter plot cycles through the four iris flower measurements (petal width, sepal width, petal length, and sepal length) on the x-axis while keeping sepal length on the y-axis. The visualization uses D3’s `scaleLinear`, `axisLeft`, and `axisBottom` to render axes, with points colored by species via a custom marker function and a setInterval loop triggering transitions between measurement pairs. It displays the classic Iris dataset fetched from a GitHub-hosted CSV, rendering SVG circles with a static legend and axis labels.

Fork of Reusable Scatter plot Activity 8

An animated scatter plot of the Iris dataset cycles through four floral measurements on the x-axis while hovering over the y-axis, with points colored by species. The visualization uses D3.js to load CSV data, apply linear scales, render SVG axes and circles, and update the chart every second via `setInterval`. A custom reusable `scatterPlot` function manages the chart structure, while the code dynamically adds axis labels, a color legend, and a title.

CChaitanya Ratan Sree

Fork of Reusable Scatter plot Activity 8

An animated scatter plot cycles through four Iris flower measurements, displaying petal width, sepal width, petal length, and sepal length on the x-axis while plotting petal width against sepal length on the y-axis. Circles are colored by species (setosa, versicolor, virginica) using the D3 `scaleLinear` and `axisBottom`/`axisLeft` APIs. The visualization uses D3 v6 to load the Iris dataset via `csv` and updates the chart every few seconds with `setInterval`.

SSupriya Ravilla