Fork of ICE7

ICE7

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.

PPujitha14challagulla

92% match

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.

90% match

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

85% match

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

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.

Fork of Fork of Fork of ICE7

Fork of ice - 7-1

This animated scatter plot cycles through four Iris dataset measurements on the x-axis every two seconds, using D3’s `scaleLinear`, `axisBottom`, and `axisLeft` to render axes and colored circles by species. The reusable `scatterPlot` function updates via `setInterval`, while D3’s `csv` loads the data and SVG selection joins drive the dynamic transitions.

AAmar09nath