Fork of Reusable Scatter plot Activity 8

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

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

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.

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.

Mmythripopuri2001@gmail.com

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.

SShashankkodishala@my.unt.edu

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.

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

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.