Skip to main content
SimilarExport ZIP
100%

ICE7

✓ Published1🌍 Public
PPujitha14challagulla
Last edited Jul 2, 2022
Created on Jul 2, 2022

This animated scatterplot displays flower measurements across three sites (StPaul, Duluth, and Morris), with each point colored by site and styled as an ellipse based on additional yield dimensions. The visualization cycles through four yield variables on the x-axis using `setInterval`, while the y-axis remains fixed on yield1. Built with D3 v6, the code uses `scaleLinear`, `axisLeft`, `axisBottom`, and SVG circles with custom `rx`/`ry` attributes. Data comes from a CSV loaded via `d3.csv`, and the pink background with white text creates the distinctive styling.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE7

A scatterplot displays flower yield measurements across three sites (StPaul, Duluth, Morris), with points colored orange, blue, or white by site. The animation cycles the x-axis variable among four yield columns every second using `setInterval`. Built with D3 v6, the visualization uses `scaleLinear`, `axisLeft`, and `axisBottom` to render axes, while SVG circles represent data points. The code loads CSV data via `d3.csv` from a GitHub gist and includes a manually drawn legend and rotating axis label.

PPujitha14challagulla
92% match
Loading thumbnail…

Fork of Fork of Fork of Reusable D3 Scatter Plot- ICE7

This visualization shows an animated scatter plot of iris data, cycling through four different yield measurements on the x-axis while the y-axis remains fixed. Colored circles represent three sites (StPaul, Duluth, and Morris) with distinct colors, and the chart includes a legend, axis labels, and a title. The plot updates every few seconds using `setInterval`, swapping the x-value mapping among the dataset columns. It uses D3 v6 with the `csv` loader, `scaleLinear`, `axisLeft`, `axisBottom`, and custom reusable chart functions from `scatterPlot.js`, rendering SVG elements with animated transitions.

MMgk1255
85% match
Loading thumbnail…

ICE7

This interactive scatterplot visualizes the morphological characteristics of gladiolus flowers, with each data point encoded as an ellipse whose fill color represents species (red, blue, or yellow) and whose rx/ry values reflect separate sepal measurements. The visualization cycles through four different measurement axes every few seconds, updating the x-axis scale and redrawing circles in an animated loop. Built with D3 v6, the example uses `d3.csv` to load data from a gist, custom SVG shapes with `attr('rx')` and `attr('ry')` for ellipse dimensions, and `setInterval` to trigger axis rotations. A static legend and rotated axis labels accompany the plot.

MMgk1255
84% match
Loading thumbnail…

ICE 7

This animated scatter plot cycles through the four numeric dimensions of the Iris dataset, changing the x-axis attribute every two seconds while keeping sepal length fixed on the y-axis. It uses d3's `scaleLinear` for axis scaling, `axisLeft` and `axisBottom` for tick marks, and the `join` operator for idempotent SVG circle updates. Data loads via `d3.csv`, and the plot resizes to the browser window.

Vvineeth-001
84% match
Loading thumbnail…

ICE 7 Task1

This animated scatter plot cycles through four Iris flower measurements—petal width, sepal width, petal length, and sepal length—as axes every two seconds. It uses D3.js to load CSV data and render SVG circles colored by species (red, green, blue). The visualization employs `scaleLinear`, `axisLeft`, `axisBottom`, and a custom `scatterPlot` function to update the axes and points dynamically via `setInterval`.

Ddineshtadepalli12
84% match
Loading thumbnail…

ICE-7

This animated scatterplot cycles through the four Iris flower measurements on the x-axis while keeping sepal length fixed on the y-axis. Colored circles (orange, blue, and white) represent the three species, with a static legend and title overlaid on a red background. The visualization uses D3 v6 APIs such as `csv`, `scaleLinear`, `axisLeft`, and `axisBottom`, and updates the x-axis every few seconds via `setInterval`. Data originates from a GitHub-hosted CSV file of the classic Iris dataset.

MMgk1255
83% match
Loading thumbnail…

Fork of Fork of ICE7

This animated scatter plot cycles through four Iris flower measurements—petal width, sepal width, petal length, and sepal length—updating the x-axis every 10 seconds while keeping sepal length on the y-axis. It uses the D3 v6 library with SVG rendering, featuring pink circles and white axis labels on a pink background, and reads the ICE-7 dataset from a GitHub CSV URL via d3.csv. The plot is built with a custom scatterPlot function using d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom.

Aajaysonu
83% match
Loading thumbnail…

ICE7.1

This animated scatter plot cycles through four Iris dataset measurements on the x-axis while keeping sepal length fixed on the y-axis. Each second, the visualization removes all SVG elements, reconfigures the D3 scaleLinear domain, and re-renders circles colored by species (setosa, versicolor, virginica). The reusable scatterPlot function encapsulates margins, axes via axisLeft and axisBottom, and marks, while index.js drives the interval with csv loading and dynamic xValue updates.

BBryanA999
83% match