Activity7_Task

100%

Activity7_Task

✓ Published0🌍 Public

Last edited Nov 4, 2024

Created on Nov 4, 2024

An interactive scatterplot of Fisher’s Iris dataset animates through four measurement combinations using a rotating interval. The visualization cycles the x-axis among petal width, sepal width, petal length, and sepal length while coloring points by species. Built with D3.js version 6, it combines a reusable `scatterPlot` module with SVG circle rendering, `scaleLinear` axes, and `setInterval` to update selections. The iris.csv data loads from a GitHub gist, and the full-screen layout includes custom legends, title, and axis labels.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-9_Task-1

This interactive scatter plot visualizes the Iris dataset, cycling through different flower measurements on the x-axis with animation. The visualization uses D3.js methods including `csv`, `scaleLinear`, and `axisBottom` to render the points, while a `setInterval` function toggles between petal width, sepal width, petal length, and sepal length columns. Species are distinguished by color—skyblue, lightgreen, and orange—with a legend displaying labels. The SVG rendering includes custom styling and animated transitions as axes update automatically.

Hharipadmavathim2023@gmail.com

92% match

Loading thumbnail…

Activity 7_task

This interactive scatterplot animates the Iris dataset, cycling through four feature-pair combinations on the x-axis while the y-axis displays sepal length. Built with D3.js, it renders color-coded circles for three species, with a legend and dynamic axis labels. The visualization uses `d3.csv` for data loading, `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom` for scaling and axes, and `setInterval` for the animation. An SVG element fills the viewport, and the plot updates its x-value mapping based on the current column index.

Kkbhavithareddy06@gmail.com

92% match

Loading thumbnail…

Activity-9_Task-1

This animated scatter plot displays the Iris 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. Colored circles represent the three iris species (setosa, versicolor, virginica) with a fixed legend. Built with D3.js, it uses `csv` for data loading, `d3.scaleLinear` for scaling, and `d3.axisLeft`/`d3.axisBottom` for axes, with a `setInterval` loop updating the x-value accessor to animate transitions. SVG rendering displays the full-screen plot with custom labels.

Ttharunramula@gmail.com

91% match

Loading thumbnail…

Activity7.1_task

This animated scatterplot cycles through different iris flower measurements on the x-axis, coloring each species (setosa, versicolor, virginica) with distinct colors (skyblue, lightgreen, orange). Using the D3 v6 library, the visualization employs `csv` to load Iris dataset from a GitHub gist, `scaleLinear` for axes, and `setInterval` to rotate through columns. SVG circles update positions with transitions, while text labels and legends re-render dynamically with each interval tick.

Vvarshithainaganti@gmail.com

91% match

Loading thumbnail…

Activity7

This interactive scatter plot animates through different pairwise combinations of the Iris dataset’s four measurements, cycling the x-axis among petal width, sepal width, petal length, and sepal length while keeping sepal length on the y-axis. Points are colored by species (setosa, versicolor, virginica) with a static legend and labeled axes. Built with D3.js (v6.7.0), it uses `scaleLinear`, `axisLeft`, and `axisBottom` for scales and axes, and `setInterval` to update the plot’s `xValue` assignment. The SVG rendering is generated from a CSV fetched via `d3.csv` and styled with CSS.

Ssjannaikode@gmail.com

91% 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

91% match

Loading thumbnail…

Activity_7

This interactive scatter plot animates through the Iris dataset, cycling between four feature pairs on the x-axis while displaying species-colored circles. The visualization uses D3.js modules including `csv`, `select`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` within a reusable `scatterPlot` function. An SVG rendering with `setInterval` drives the animation, rotating through petal_width, sepal_width, petal_length, and sepal_length. The legend labels each species with distinct colors, while axis titles update dynamically to reflect the current variable being displayed.

MManojsai Bangaru

91% match

Loading thumbnail…

Activity - 9_Task - 1

This animated scatter plot explores the Iris flower dataset, cycling through different measurement pairs on the x-axis to reveal relationships between sepal and petal dimensions. Colored dots distinguish the three iris species, with a legend and axis labels updating dynamically. The visualization uses D3.js version 6.7.0, loading CSV data from a GitHub gist and employing `d3.csv`, `scaleLinear`, `axisLeft`, and `axisBottom` within a reusable `scatterPlot` module. A `setInterval` drives the animation, while SVG elements render the chart, labels, and legend.

Mmanideepchinna25@gmail.com

90% match