Skip to main content
SimilarExport ZIP
100%

Activity 9.1

✓ Published0🌍 Public
Ss.harshinisai01@gmail.com
Last edited Apr 20, 2024
Created on Apr 20, 2024
Forked from Hello VizHub

This animated scatter plot displays measurements from the Iris flower dataset, with points colored by species (setosa, versicolor, virginica). The visualization cycles through different feature combinations—petal width, sepal width, petal length, and sepal length—on the x-axis, while keeping sepal length on the y-axis. Built with D3.js, it uses a custom reusable `scatterPlot` component with `d3.scaleLinear` scales, axes, and a `setInterval` timer to update the plot dynamically. The SVG rendering includes a color-coded legend and axis labels.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 9&10

This animated scatter plot cycles through different pairings of Iris flower measurements, showing petal width, sepal width, petal length, and sepal length on the x-axis while sepal length remains on the y-axis. The visualization uses D3.js to load the Iris dataset from a GitHub gist and renders colored circles representing three species (setosa, versicolor, and virginica) with a custom legend. The reusable scatterPlot module employs D3 scales, axes, and data joins to update the plot at regular intervals.

Ssumanthnaidu213@gmail.com
93% match
Loading thumbnail…

Activity 9&10

This animated scatter plot cycles through different pairings of Iris flower measurements, showing petal width, sepal width, petal length, and sepal length on the x-axis while sepal length remains on the y-axis. The visualization uses D3.js to load the Iris dataset from a GitHub gist and renders colored circles representing three species (setosa, versicolor, and virginica) with a custom legend. The reusable scatterPlot module employs D3 scales, axes, and data joins to update the plot at regular intervals.

Ssumanthnaidu213@gmail.com
93% match
Loading thumbnail…

Activity 7

This interactive scatter plot, built with D3.js, visualizes the Iris dataset, showing the relationship between different flower measurements. The plot animates through four axis configurations, cycling petal and sepal dimensions on the x-axis while keeping sepal length on the y-axis. A legend distinctively colors points by species—setosa, versicolor, and virginica—using light blue, light green, and orange. The visualization dynamically redraws axes and labels using `scaleLinear` and `axisBottom`, with data loaded via `d3.csv`, demonstrating a reusable `scatterPlot` module.

Vvaishnavi6gan@gmail.com
92% match
Loading thumbnail…

Activity 9

This visualization displays the Iris dataset as an animated scatter plot, cycling through different feature pairs for the x-axis on an interval. It shows the relationships between various sepal and petal measurements, with each species (setosa, versicolor, virginica) color-coded. The plot, built with D3.js and a reusable `scatterPlot` module, updates dynamically using `setInterval`, re-rendering SVG circles with colors and labels. It demonstrates how to create a modular, animated plot with `d3.csv`, `scaleLinear`, and `axisBottom`/`axisLeft` APIs.

HHarshita Vairagade
92% match
Loading thumbnail…

Activity_9_task_9

This animated scatter plot cycles through pairs of Iris flower measurements, highlighting sepal length on the y-axis while rotating through petal width, sepal width, petal length, and sepal length on the x-axis. Circles are color-coded by species (setosa, versicolor, virginica) using a legend. Built with D3 v6, it loads CSV data from GitHub, uses local ES6 modules for a reusable `scatterPlot` function, and leverages `scaleLinear`, `axisLeft`, and `axisBottom` for axes, with a `setInterval` driving the axis updates.

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

Activity_7.1

This interactive scatterplot animates the Iris dataset, cycling through petal width, sepal width, petal length, and sepal length on the x-axis while sepal length remains fixed on the y-axis. Colored circles represent three species—setosa in skyblue, versicolor in lightgreen, and virginica in orange—with a legend and dynamically updating axis labels. Built with D3 v6, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` within a reusable `scatterPlot` module, driven by `setInterval` to rotate columns and SVG rendering for all marks and annotations.

Hharinihari6791@gmail.com
92% match
Loading thumbnail…

Activity9-T1

This animated scatter plot visualizes the Iris dataset, cycling through four combinations of petal and sepal measurements on the x-axis while keeping sepal length on the y-axis. Points are colored by species (setosa, versicolor, virginica) with a legend, and a title updates to reflect the current axis. Built with D3 version 6.7, the visualization uses `scaleLinear`, `axisLeft`, and `axisBottom` to create the axes, with a `setInterval` timer rotating the x-axis variable every few seconds. The SVG rendering includes labeled axes, a color legend, and custom-styled text.

Ssirichandana017@gmail.com
92% match