Skip to main content
SimilarExport ZIP
100%

Fork of Reusable Scatter plot Activity 8

✓ Published0🌍 Public
Iis0253
Last edited Jul 19, 2023
Created on Jul 19, 2023

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.

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

Fork of Reusable Scatter plot Activity 8

This visualization presents the classic Iris dataset as an animated scatter plot that cycles through different feature combinations on the x-axis while keeping sepal length on the y-axis. Using d3.csv for data loading and d3.scaleLinear with axis functions to render the SVG, the chart updates every few seconds via setInterval. Circles are colored by species using a custom marker function, with a color legend and axis labels added dynamically. The code leverages d3.selectAll and .join() to manage circle and text elements, with separate xValue and yValue accessors driving the re-rendering.

Hharinihari6791@gmail.com
94% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This animated scatter plot explores the Iris dataset, cycling through different feature pairings on the x-axis while keeping sepal length on the y-axis. Colored circles represent three species of iris flowers. The visualization is built using D3's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs within a reusable `scatterPlot` function. A `setInterval` loop updates the plot's x-value mapping, redrawing axes and text labels accordingly. The code also includes custom legend labels, a title, and styling applied through SVG attributes.

AAamir Hameed mir
94% 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
94% match
Loading thumbnail…

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 at intervals. Points are color-coded by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. Built with d3.v6, it uses the reusable `scatterPlot()` module with `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render SVG circles and axes. Text labels for the legend, title, and axis names are appended dynamically, while a `setInterval` updates the chart in an animation.

Bbudalavijay2001@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