Skip to main content
SimilarExport ZIP
100%

Fork of Reusable Scatter plot Activity 8

✓ Published0🌍 Public
VVishnu Mallampalli
Last edited Jul 12, 2024
Created on Jul 12, 2024

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.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

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

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

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.

Ssravya.mundluru@gmail.com
93% 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
93% 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
93% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8 v

This interactive scatter plot displays the Iris dataset, showing relationships between petal and sepal measurements with points colored by species (setosa, versicolor, virginica). The visualization cycles through different x-axis variables every few seconds, while the y-axis remains fixed on sepal length. Built with D3.js, it uses a custom reusable scatterPlot function with SVG circles, axis scales, and a legend. The code employs `scaleLinear`, `axisLeft`, `axisBottom`, and `setInterval` for the rotating axis animation, rendering data from a CSV file fetched via D3's `csv` method.

Vvikramkotlo9@gmail.com
93% 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
93% match