ice7

ice - 7

This animated scatter plot visualizes the Iris Dataset, cycling through different pairings of sepal and petal measurements every two seconds. The visualization uses D3.js version 6.7.0, employing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to build the chart, with species color-coded as red, blue, or grey. Rendered as an SVG, the plot updates dynamically by changing the x-axis variable through a `setInterval` loop, while the reusable `scatterPlot` chart component handles the layout and axis rendering.

SSaikiran2029

ice7

This animated scatter plot cycles through four different column pairings of the Iris dataset every two seconds, with each species represented by a distinct color (red, black, or blue). Built with D3 v6, it uses reusable chart functions like `scatterPlot()` with `scaleLinear`, `axisBottom`, and `axisLeft` to render SVG circles and axes. The data is loaded asynchronously via `d3.csv` from a GitHub gist, while `setInterval` drives the rotation of x-axis variables.

Ppreethamkesa

ice - 7

This animated scatter plot cycles through different x-axis variables from the Iris dataset, changing every two seconds to compare sepal and petal measurements. The visualization uses D3’s scaleLinear, axisBottom, and axisLeft APIs to render axes and circles colored by species, with the x-axis switching between petal_width, sepal_width, petal_length, and sepal_length. Rendering uses SVG animations driven by setInterval, and the dataset is loaded via d3.csv from a GitHub repository.

PPriyanka7002

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

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

Ice7-1

This interactive scatter plot visualizes the Iris dataset, plotting sepal length against petal width with colored points for each iris species. Every two seconds, the x-axis switches between the four numeric measurements (petal width, sepal width, petal length, sepal length), animating the data through successive views. The chart uses a reusable scatterPlot function built with D3 v6, employing scaleLinear for axes, extent for domains, and axisLeft/axisBottom for grid lines. The SVG renders circles with a fixed radius, while setInterval triggers re-renders with updated xValue mappings.

SSheela2930

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

Ice 7-1

This interactive scatter plot cycles through four Iris flower measurements—petal width, sepal width, petal length, and sepal length—on the x-axis every two seconds while keeping sepal length on the y-axis. Built with D3.js, it renders each data point as a circle colored by species (green for setosa, grey for versicolor, brown for virginica) against a black background with white axes. The animation uses `setInterval` to update the x-axis scale and re-render the SVG, leveraging D3’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` utilities.

AAmar09nath