Skip to main content
SimilarExport ZIP
100%

Activity-9_Task-1

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

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.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity_9_Task-1

An animated scatter plot visualizes the Iris flower dataset, cycling through four attribute pairs (petal/sepal width and length) on the axes while coloring points by species. The D3.js v6 code uses `scaleLinear`, `axisLeft`, `axisBottom`, and a custom `scatterPlot` builder to render SVG circles with a legend and rotating axis labels. The animation updates every interval by reapplying the plot with new x-axis mappings, driven by the d3 `csv` loader.

Hharipadmavathim2023@gmail.com
95% 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
94% 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
94% match
Loading thumbnail…

Activity 8_Task_1

This animated scatterplot cycles through four Iris flower measurements, using petal width on the x-axis and sepal length on the y-axis, with points colored by species. It is built with D3 and uses the `csv` loader to fetch the Iris dataset, then repeatedly updates the plot’s x-value via `setInterval`. Each frame, the axes and labels redraw, while a custom legend and title remain static. The code leverages D3’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to handle scaling and axis rendering.

Ssaipaidipalli
94% match
Loading thumbnail…

Activity-9_Task-1

This animated scatter plot cycles through four Iris flower measurements, showing how petal width, sepal width, petal length, and sepal length correlate on the x-axis against petal width on the y-axis. The visualization uses D3 v6 to load CSV data from a GitHub gist and render circles colored by species (setosa, versicolor, virginica). A setInterval callback updates the x-value mapping and re-renders the axes and circles, while custom legends, labels, and a title are drawn with SVG elements. The reusable scatterPlot module uses scaleLinear, axisLeft, and axisBottom to construct the chart.

Hharipadmavathim2023@gmail.com
94% match
Loading thumbnail…

Activity_7.1

This interactive scatter plot cycles through different Iris flower measurements, animating the x-axis to display petal width, sepal width, petal length, and sepal length in sequence. The visualization uses D3.js to load CSV data, scale axes, and render animated circles colored by species, with a custom legend and axis labels updating dynamically.

Ddabbararakshitha@gmail.com
93% match
Loading thumbnail…

Activity 9&10

This animated scatter plot cycles through different Iris flower measurements, displaying four distinct species separated by color on a dynamically updating x- and y-axis. The visualization uses D3.js version 6.7.0 to load a CSV dataset, scale the axes with `scaleLinear`, and render circles via `.join()`. A `setInterval` timer triggers periodic updates to the x-axis variable, rotating through petal width, sepal width, petal length, and sepal length. The SVG rendering includes custom-styled axes, a color legend, and a title, all animated to show relationships between the flower's attributes.

Ssumanthnaidu213@gmail.com
93% match
Loading thumbnail…

Activity 8_task1

This animated scatter plot visualizes the Iris flower dataset, showing relationships between sepal and petal measurements with color-coded species (setosa, versicolor, virginica). The visualization cycles through four variable combinations on the x-axis every few seconds using `setInterval`, while the y-axis displays petal width. Built with D3.js v6, it uses `scaleLinear`, `axisBottom`, and `axisLeft` for axes, with SVG circles for data points. The code creates a reusable scatter plot module and renders an interactive legend with custom colors and rotating axis labels.

Mmandadi1999
93% match