Fork of Fork of Reusable Scatter plot Activity 8.2

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.

95% match

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.

95% match

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 while keeping sepal length on the y-axis. Circles are colored by species using custom color mapping. Built with D3 v6, it uses `scaleLinear`, `axisLeft`, `axisBottom`, and `setInterval` to update the chart, with SVG rendering and legend labels added directly to the DOM.

94% match

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.

94% match

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

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 Reusable Scatter Plot

This interactive scatter plot visualizes the Iris dataset, with points colored by species and animated to cycle through four feature combinations as the x-axis variable changes every few seconds. The visualization uses D3 v6 with a reusable scatterPlot module that relies on scaleLinear, axisLeft, and axisBottom to render SVG axes and circles. Data loads from a CSV via the d3.csv parser, while a setInterval drives the animation, updating the x-axis mapping between petal width, sepal width, petal length, and sepal length.

GGARIDIDEEKSHITHREDDY

Fork of Reusable D3 Scatter Plot

This animated scatter plot cycles through the four Iris dataset features on the x-axis while the y-axis displays sepal length. Data points are colored by species: green for setosa, yellow for versicolor, and blue for virginica, with a corresponding legend. Built with D3 v6, the visualization uses the `scaleLinear`, `axisLeft`, and `axisBottom` APIs from the `d3` module within a reusable `scatterPlot` function. The SVG output updates at intervals, redrawing axes and labels to reflect the changing feature selection.

Ddivyageethanjali