Skip to main content
SimilarExport ZIP
100%

Fork of Activity 7

✓ Published0🌍 Public
Jjaswanthreddy2715@gmail.com
Last edited Nov 5, 2024
Created on Nov 4, 2024
Forked from 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.

AI-generated description

A demonstration of 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
94% 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
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…

Fork of Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, displaying petal length and width for individual flowers. Each point is colored by species, with skyblue for setosa, lightgreen for versicolor, and orange for virginica. The code loads CSV data via `d3.csv` and scales axes with `d3.scaleLinear`, using features such as `d3.extent` for domain calculation. It generates SVG circles and appends axes using `d3.axisLeft` and `d3.axisBottom`, along with custom text labels for axis annotations.

Ppardha1411
92% 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 7

An animated scatter plot of the Iris dataset cycles through different feature pairings on the x-axis, with petal width fixed on the y-axis. The visualization rotates through petal width, sepal width, petal length, and sepal length using a `setInterval` callback that updates the D3 `scaleLinear` domains. Circles are colored by species, and a legend identifies setosa, versicolor, and virginica. The code uses D3's `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs, and defines a reusable `scatterPlot` module. Data is loaded from a GitHub Gist.

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

Activity 7

This animated scatter plot, styled as a reusable D3.js component, visualizes the Iris dataset, cycling through different feature pairs on the x-axis (petal width, sepal width, petal length, sepal length) while plotting sepal length on the y-axis. It shows the distribution of three iris species—setosa, versicolor, and virginica—with color-coded circles. The visualization initially renders circles using SVG attributes, then repeatedly invokes the `scatterPlot` function with `d3.scaleLinear` axes and updates at fixed intervals via `setInterval`. It loads CSV data asynchronously with `d3.csv` and includes an SVG-based legend and text labels.

Aanjalimadhavi98@gmail.com
91% match