Skip to main content
SimilarExport ZIP
100%

Activity 6

✓ Published0🌍 Public
Aamireddy.sw@gmail.com
Last edited Apr 18, 2024
Created on Apr 18, 2024
Forked from Circles with D3

This animated scatter plot cycles through four Iris flower measurements—petal width, sepal width, petal length, and sepal length—on the x-axis, with sepal length on the y-axis. D3 v6 loads the Iris dataset via `d3.csv`, scales axes with `scaleLinear`, and renders axis ticks using `axisLeft` and `axisBottom`. A `setInterval` updates the x-value accessor, triggering a re-render of the SVG via the custom `scatterPlot` function. Circles are colored by species (setosa, versicolor, virginica) and accompanied by a legend and axis labels.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6

This animated scatter plot explores the classic Iris dataset, cycling through different flower measurements on the x-axis—petal width, sepal width, petal length, and sepal length—against sepal length on the y-axis. The code loads data via D3's `csv` function and builds a reusable scatter plot using `scaleLinear`, `axisLeft`, and `axisBottom`. Each species (setosa, versicolor, virginica) receives a distinct color, and a legend with labeled circles updates alongside the axes. The visualization repeats its axis transitions every few seconds using `setInterval`, with SVG elements rendered directly to the page.

Ddandudivya98@gmail.com
95% match
Loading thumbnail…

Activity 7

This animated scatterplot cycles through 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. It uses D3’s `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` to load and render the Iris dataset, with `setInterval` driving the axis transitions. Species are color-coded via a custom marker function, and a legend with labels is drawn directly in SVG. The visualization demonstrates a reusable scatter plot module built through a chained configuration pattern.

MMannava Priyanka Chowdary
94% match
Loading thumbnail…

Activity_7

This animated scatter plot explores the Iris dataset by cycling through different flower measurements on the x-axis. It uses D3.js (v6.7.0) with a custom reusable `scatterPlot` module that leverages `scaleLinear`, `axisLeft`, and `axisBottom` to render axes. Data is loaded via `d3.csv`, and a `setInterval` timer updates the plot’s x-value every few seconds, toggling between petal width, sepal width, petal length, and sepal length. Circles are colored by species (setosa, versicolor, virginica) with a legend, title, and axis labels rendered as SVG text elements.

Kkandooriabhiram@gmail.com
94% match
Loading thumbnail…

Activity-6

This interactive scatterplot animates through the Iris flower dataset, cycling the x-axis among four measurements (petal width, sepal width, petal length, sepal length) while the y-axis shows sepal length. Points are colored by species (setosa in blue, versicolor in green, virginica in orange) with a custom legend. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `selectAll().join()`, with the plot constructed as a reusable `scatterPlot` function. A `setInterval` timer redraws the axes and updates the x-value mapping, while static labels and a title appear as SVG text elements. Data loads from a remote gist CSV file.

Vvaishnavi6gan@gmail.com
94% match
Loading thumbnail…

Activity 7

This animated scatter plot cycles through four Iris flower measurements, displaying petal width, sepal width, petal length, and sepal length on the x-axis while keeping sepal length on the y-axis. Each species—setosa, versicolor, and virginica—is color-coded with a legend. Built with React and D3, it uses `d3.csv` to load the Iris dataset, `scaleLinear` for axes, and a custom `scatterPlot` function. A `setInterval` updates the x-value mapping every few seconds, re-rendering circles and axes while appending static labels and a title via SVG.

Ggroup118sai@gmail.com
94% match
Loading thumbnail…

Activity 7

This animated scatterplot cycles through the Iris dataset’s four measurements on the x-axis while keeping petal width on the y-axis. Colored circles distinguish the three species (setosa, versicolor, and virginica). The visualization is built with D3 v6, using `scaleLinear`, `axisBottom`, and `axisLeft` within a custom `scatterPlot` function. A `setInterval` triggers updates, re-rendering axes and labels every few seconds. SVG circle elements are colored via a switch statement, with legends and axis titles added dynamically, sourced from the CSV URL.

Ssaishruthik2361@gmail.com
94% match
Loading thumbnail…

Activity 6

This animated scatter plot cycles through four attributes of the classic Iris flower dataset, displaying petal width versus sepal length as colored circles representing species. Built with D3.js, it uses `scaleLinear` for axes, `axisLeft` and `axisBottom` for ticks, and a custom `scatterPlot` function with an internal `setInterval` to rotate the x-axis variable. The SVG rendering includes a color-coded legend and dynamically updated axis labels.

SSreeKohaliPatel@my.unt.edu
93% match
Loading thumbnail…

Activity_7.1

This animated scatter plot visualizes the Iris dataset, cycling through four flower measurements (petal width, sepal width, petal length, sepal length) on the x-axis while keeping sepal length on the y-axis. Each species is color-coded with a legend. The visualization uses D3 v6 (d3.csv, d3.scaleLinear, d3.axisLeft, d3.axisBottom) to render SVG circles that update on a setInterval timer. Data is loaded from a GitHub-hosted CSV file, with the axes and plot redrawing for each dimension cycle.

PPreethamreddyannavaram@my.unt.edu
93% match