Skip to main content
SimilarExport ZIP
100%

Fork of Reusable Scatter plot Activity 8

✓ Published0🌍 Public
UUthkarsh Reddy Junuthula
Last edited Apr 22, 2024
Created on Apr 22, 2024

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.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

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

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.

Rruchithakakarla336@gmail.com
96% 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
95% match
Loading thumbnail…

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

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.

Mmythripopuri2001@gmail.com
94% 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
94% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This animated scatterplot cycles through four Iris flower measurements, showing petal width, sepal width, petal length, and sepal length on the x-axis while keeping sepal length fixed on the y-axis. The D3.js code uses the `scatterPlot` reusable function to scale and render axes, while circles are colored by species—setosa in skyblue, versicolor in lightgreen, and virginica in orange. A rotating interval updates the x-axis mapping, and the SVG rendering includes a title, legend, and axis labels styled inline.

Pperamranji
94% match