Skip to main content
SimilarExport ZIP
100%

Fork of Reusable Scatter plot Activity 8

✓ Published1🌍 Public
Ssumanthnaidu213@gmail.com
Last edited Apr 25, 2024
Created on Apr 25, 2024

This fork of a reusable scatter plot demonstrates the Iris dataset with a playback loop that cycles through four different floral measurements on the x-axis resulting in an animated axis transition. The chart colors each point by species, matching the static legend, and the code builds the visualization using D3 v6 modules including `scaleLinear`, `axisLeft`, and `axisBottom`. SVG elements are redrawn on an interval, with the underlying data loaded from a remote CSV file and parsed via D3’s `csv` method.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

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
92% match
Loading thumbnail…

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.

Vvarunreddy.gudigopuram@gmail.com
91% match
Loading thumbnail…

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
91% match
Loading thumbnail…

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
91% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This fork of a D3.js scatter plot demonstrates the iris dataset’s four measured features (petal and sepal length/width) with the x-axis cycling through each variable on a timer while the y-axis stays fixed on sepal length. Colored circles distinguish iris species, and the plot includes a static legend. The code uses D3’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs within a custom `scatterPlot` generator, animating via `setInterval` and rendering to SVG. The data is loaded from a CSV file using D3’s `csv` function.

VVishnu Mallampalli
91% match
Loading thumbnail…

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
91% match
Loading thumbnail…

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.

Hharipadmavathim2023@gmail.com
91% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This interactive scatterplot animates the Iris dataset, cycling through four flower measurements on the x-axis while plotting sepal length on the y-axis. Built with D3 v7, it uses `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft` to render axes, and `setInterval` to update the chart every few seconds. Each circle’s fill color encodes species (setosa, versicolor, virginica), with a legend and axis labels included. Data is loaded via `d3.csv` from a remote gist.

UUthkarsh Reddy Junuthula
90% match