Skip to main content
SimilarExport ZIP
100%

Fork of ICE7

✓ Published1🌍 Public
MMgk1255
Last edited Jul 2, 2022
Created on Jul 2, 2022
Forked from ICE7

This visualization displays a scatterplot of gladiolus flower measurements, with colored circles representing species and axes that cycle through different corolla and calyx dimensions every few seconds. The animation updates the x-axis variable in sequence while keeping the y-axis fixed, and a legend identifies each species by color. The code uses D3 v6 modules like `scatterPlot`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the chart, while `setInterval` drives the periodic axis changes. Data is loaded from a remote CSV file, and the points are rendered as SVG circles with custom radii.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of ICE7

This animated scatterplot visualizes measurements of gladiolus flower species, comparing petal dimensions across four feature pairs. The visualization cycles through different x-axis variables—corolla width, calyx width, corolla length, and calyx length—while keeping y-axis fixed to calyx length. Data points are colored by species, with red, blue, and yellow marking three distinct gladiolus varieties. Built with D3 v6, the example uses `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom` for axes, `setInterval` for animation, and SVG circles with custom `rx` and `ry` attributes to render elliptical markers. The code appears to fork an existing D3 scatterplot example, adapting it to flower morphology data from a CSV source.

MMgk1255
94% match
Loading thumbnail…

Fork of Fork of Fork of ICE7

This animated scatterplot explores measurements of Gladious flowers from a CSV dataset, cycling through four column pairings to reveal how calyx and corolla dimensions relate. Colored circles distinguish between three species—abbreviatus, abyssinicus, and acuminatus—with a static legend and rotating axis labels. The visualization uses D3 v6 with `scaleLinear`, `axisLeft`, `axisBottom`, and `setInterval` to update the x-axis value. SVG circles are drawn with custom radii and fill colors, while a custom `scatterPlot` function manages the axes.

MMgk1255
91% match
Loading thumbnail…

Fork of Fork of Fork of ICE7

This animated scatterplot explores measurements of Gladious flowers from a CSV dataset, cycling through four column pairings to reveal how calyx and corolla dimensions relate. Colored circles distinguish between three species—abbreviatus, abyssinicus, and acuminatus—with a static legend and rotating axis labels. The visualization uses D3 v6 with `scaleLinear`, `axisLeft`, `axisBottom`, and `setInterval` to update the x-axis value. SVG circles are drawn with custom radii and fill colors, while a custom `scatterPlot` function manages the axes.

MMgk1255
91% 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
89% 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
88% match
Loading thumbnail…

Fork of Fork of fork of iCE - 7 Reusable Scatter Plot

This example shows an animated scatter plot of the Iris dataset, cycling through different pairs of flower measurements every two seconds. Data points are colored by species (blue, red, yellow) and rendered as SVG circles with white strokes. The visualization uses D3 v6 modules including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to compute scales and draw axes, while a reusable `scatterPlot` function manages the chart configuration and updates. The code loads data from a CSV file hosted on GitHub and animates by changing the x-axis variable in a `setInterval` loop.

DDivyaVellanki
87% match
Loading thumbnail…

Fork of ICE-7 Resuable scatter plot

This visualization is an animated scatter plot of the Iris flower dataset, colored by species (setosa, versicolor, and virginica). It cycles through different combinations of sepal and petal measurements every two seconds, allowing viewers to see how the data clusters shift across various dimensions. Built with D3.js (version 6.7.0), the plot uses a reusable `scatterPlot` module that leverages `scaleLinear`, `axisLeft`, and `axisBottom` for scaling and axes. The SVG circles are rendered with inline styling, using a `setInterval` loop to update the x-axis mapping and redraw the plot.

SSravyaAnnadi
86% match
Loading thumbnail…

Fork of ICE 7 Reusable D3 Scatter Plot

This fork of the ICE 7 reusable D3 scatter plot visualizes the Iris dataset, rendering each flower as a symbol whose shape encodes species and position encodes petal width and sepal length. It uses D3 v6 modules including `scaleLinear`, `scaleOrdinal`, `symbol`, `axisLeft`, and `axisBottom` within a custom reusable chart function. The plot animates every 15 seconds by cycling the x-axis through four different numeric columns using `setInterval`, updating the scales and re-rendering the SVG dynamically.

NNaimisha-M
86% match