Fork of Reusable Scatter plot Activity 8

Reusable Scatter plot Activity 8

This interactive scatter plot visualizes the Iris dataset, cycling through four measurement pairs (petal width, sepal width, petal length, sepal length) on the x-axis while keeping sepal length on the y-axis. Points are colored by species (setosa, versicolor, virginica) with a legend, and axis labels update dynamically. Built with D3.js, the example demonstrates reusable chart modules via `scatterPlot()` with `scaleLinear`, `axisLeft`, and `axisBottom`, and uses SVG rendering with animations driven by `setInterval` to switch between dimensions.

BBhavyaMammai

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.

Bbogasamudramvamsikrishnareddy

Reusable Scatter plot Activity 8

This interactive scatter plot explores the Iris dataset, displaying four measurement attributes while cycling through different x-axis variables to reveal patterns among three flower species. The visualization color-codes data points by species using custom markers and includes a legend, axis labels, and animated transitions. Built with D3.js version 6.7, it combines reusable scatter plot components, scaleLinear, axisBottom, and axisLeft functions with SVG rendering. The chart automatically updates every interval, rotating through petal width, sepal width, petal length, and sepal length on the x-axis while maintaining a fixed y-axis for comparison.

Reusable Scatter plot Activity 8

This interactive scatter plot visualizes the Iris dataset, cycling through four different flower measurements on the x-axis while keeping petal width on the y-axis. Data points are colored by species using a custom color mapping function, with legend labels and axis titles updating dynamically. The visualization uses D3's `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `selectAll` APIs, with a reusable `scatterPlot` module and an animated `setInterval` loop that switches between measurement dimensions. SVG circles change their `cx` position as the x-axis scale recalculates, while decorative styling uses custom fonts, colors, and italicized text.

VVenkat-Sumith-Thota

Fork of Reusable Scatter plot Activity 8

This interactive scatter plot animates the classic Iris dataset, cycling through four different x-axis attributes while keeping sepal length on the y-axis. D3 version 6.7 loads CSV data and renders SVG circles colored by species, with a custom legend and axis labels. The visualization uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` from the reusable chart module. A `setInterval` timer triggers updates to the x-value accessor every few seconds, demonstrating how a modular scatter plot function can be reused with changing data mappings.

Iis0253

Fork of Fork of Reusable Scatter plot Activity 8.2

This animated scatter plot visualizes the Iris dataset, cycling through four feature pairs to reveal relationships between sepal and petal measurements. Colored points distinguish the three iris species (setosa, versicolor, and virginica) with a color legend. Built with D3 v6, the visualization uses `d3.csv` to load data, `scaleLinear` with `extent` for axes, and `setInterval` to switch axis variables, re-rendering the chart with `axisBottom` and `axisLeft` while updating labels and titles dynamically.

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.

Fork of Reusable Scatter plot Activity 8.2

This visualization displays the Iris dataset in an animated scatter plot that cycles through different sepal and petal measurements on the x-axis. Species appear as colored circles—skyblue, lightgreen, and orange for setosa, versicolor, and virginica—with a static legend on the left. Built with D3 v6, it uses `scatterPlot()` to generate SVG axes and scales, while `setInterval` updates the x-axis data every few seconds. The code loads CSV data via `d3.csv`, parses numeric fields, and renders circles with explicit `cx`, `cy`, `rx`, and `ry` attributes.