Skip to main content
SimilarExport ZIP
100%

Fork of Activity

✓ Published0🌍 Public
SSreeKohaliPatel@my.unt.edu
Last edited Apr 25, 2024
Created on Apr 25, 2024
Forked from Activity 6

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.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of 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.

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

Fork of area

This interactive D3.js visualization displays the classic Iris dataset as an animated scatter plot. It cycles through different pairings of sepal and petal measurements on the x-axis, while the y-axis remains fixed on sepal length. The plot uses SVG circles colored by species (setosa, versicolor, virginica) and updates every few seconds to reveal different data projections. It leverages D3's scaleLinear, extent, axisLeft, and axisBottom APIs, alongside a custom scatterPlot builder that redraws the axes and points with each iteration.

Ssahaspragna6@gmail.com
90% match
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
90% 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
89% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

An animated scatter plot cycles through four Iris flower measurements, displaying petal width, sepal width, petal length, and sepal length on the x-axis while plotting petal width against sepal length on the y-axis. Circles are colored by species (setosa, versicolor, virginica) using the D3 `scaleLinear` and `axisBottom`/`axisLeft` APIs. The visualization uses D3 v6 to load the Iris dataset via `csv` and updates the chart every few seconds with `setInterval`.

SSupriya Ravilla
89% 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
88% match
Loading thumbnail…

Fork of Fork of Reusable D3 Scatter Plot

This animated scatter plot visualizes the Iris dataset, mapping petal and sepal measurements to x- and y-axes while coloring points by species (setosa, versicolor, virginica) in orange, purple, and pink. The visualization uses D3 v6 with a reusable `scatterPlot` module employing `scaleLinear`, `axisLeft`, and `axisBottom` for axes. A `setInterval` cycles through four measurement columns every two seconds, dynamically updating the x-axis mapping. The SVG rendering animates circles as the axis scales adjust, with labels for "Sepal Length" and "Petal Length" displayed in a green tech-themed font.

KKiran3295
88% match