Skip to main content
SimilarExport ZIP
100%

Fork of Activity 7.1

✓ Published0🌍 Public
Bbhavanadupati3@gmail.com
Last edited Nov 6, 2024
Created on Nov 6, 2024
Forked from Activity 7.1

This animated scatter plot displays the Iris dataset, using D3 v6 to cycle through different feature pairings on the x-axis every few seconds. The visualization, rendered as SVG, maps sepal and petal measurements to point positions, with species color-coded (sky blue, light green, and orange). It demonstrates a reusable scatter plot module, using functions like `scaleLinear`, `extent`, and `axisLeft` from D3, while the `setInterval` timer updates the displayed columns, with axis labels and legend text reflecting the current selection.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity 7

This animated scatter plot visualizes the Iris dataset, cycling through four feature pairs on the x-axis while keeping petal width on the y-axis. It uses D3.js v6.7.0 to load CSV data via `d3.csv` and render SVG circles colored by species. The visualization employs `d3.scaleLinear` for axes, a `setInterval` callback to rotate through column selections, and custom legend labels. The code includes a `scatterPlot` factory function with configurable accessors and margin settings.

Jjaswanthreddy2715@gmail.com
94% match
Loading thumbnail…

Activity 7

This animated scatter plot displays the Iris flower dataset, cycling through different feature pairs on the x-axis while the y-axis remains sepal length. The visualization uses D3's `scaleLinear`, `axisLeft`, and `axisBottom` APIs to render axes and circles. Species are color-coded (skyblue, lightgreen, orange) with a legend, and a `setInterval` timer drives the animation, updating the plot’s x-value binding every few seconds. The SVG is rendered full-window with styled text labels for axis titles and species names.

Kkblikitha22@gmail.com
93% match
Loading thumbnail…

Fork of Activity_7

This dynamic scatter plot animates through the Iris flower dataset, cycling the x-axis through four different measurements (petal width, sepal width, petal length, sepal length) while the y-axis remains fixed on sepal length. The visualization uses D3.js (v6) with a reusable `scatterPlot` module that employs `scaleLinear` for axis scaling and `axisBottom`/`axisLeft` for rendering axes. Data is loaded via `d3.csv` from a GitHub gist and rendered as SVG circles colored by species (setosa, versicolor, virginica). The animation uses `setInterval` to update the x-axis mapping every few seconds, with labels and legends redrawn each iteration.

Ssreejabommineni1506@gmail.com
93% match
Loading thumbnail…

Fork of Activity

This visualization displays a subset of the Iris dataset in an animated scatter plot, cycling through different pairs of sepal and petal measurements over time. It uses d3-scaleLinear, d3-axisLeft, and d3-axisBottom from D3 v6 to map the data, rendering circles with custom colors for each species and a legend. The animation is driven by setInterval, updating the x-value accessor to rotate through four measurement columns, while labels and titles are appended to the SVG.

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

Fork of Scatter plot Activity

This interactive scatter plot visualizes the Iris dataset, cycling through four feature combinations (petal width, sepal width, petal length, sepal length) on the x-axis every few seconds via `setInterval`. The y-axis shows sepal length, and each species—setosa, versicolor, and virginica—is color-coded using a `d3` scale and a custom marker function. Built with D3 v6, it uses `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` to render SVG circles and axes, with a legend and axis labels updated dynamically.

Ssathvik0311@gmail.com
92% match
Loading thumbnail…

Activity 7

This animated scatter plot displays the Iris dataset, cycling through four different feature pairs on the x-axis while keeping petal width on the y-axis. Points are colored by species. The visualization uses D3 v6 via the `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs inside a reusable `scatterPlot` ES6 module. A `setInterval` loop updates the x-axis mapping, while SVG elements render axes, legend, and title.

Rraaghaveramireddy@my.unt.edu
92% 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
92% match
Loading thumbnail…

Fork of Fork of Reusable Scatter plot Activity 8.2

This animated scatter plot visualizes the Iris dataset, cycling through four feature pairs to reveal relationships between sepal and petal measurements. Colored points distinguish the three iris species (setosa, versicolor, and virginica) with a color legend. Built with D3 v6, the visualization uses `d3.csv` to load data, `scaleLinear` with `extent` for axes, and `setInterval` to switch axis variables, re-rendering the chart with `axisBottom` and `axisLeft` while updating labels and titles dynamically.

Rrushithareddyy
92% match