Skip to main content
SimilarExport ZIP
100%

ICE7.1

✓ Published0🌍 Public
BBryanA999
Last edited Mar 28, 2022
Created on Mar 27, 2022

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.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes

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
94% 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
93% match
Loading thumbnail…

ICE 7

This animated scatter plot cycles through four pairings of Iris dataset measurements every second, revealing clusters of the three iris species. Built with D3 v6, the visualization uses a custom reusable `scatterPlot` module with `scaleLinear`, `axisLeft`, and `axisBottom`, while species are color-coded green, blue, and red. Animated via `setInterval`, the SVG updates the x-axis mapping across petal width, sepal width, petal length, and sepal length, with the initial view plotting petal width against sepal length.

DDaniel Mata
92% 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
92% match
Loading thumbnail…

ICE7 - Scatter Plot

This animated scatter plot visualizes the Iris flower dataset, cycling through four different measurements (petal width, sepal width, petal length, sepal length) on the x-axis while keeping sepal length on the y-axis. Each species is color-coded—setosa in orange, versicolor in blue, and virginica in black—with a static legend and labeled axes. The visualization uses D3.js (v6.7.0) with its `scaleLinear`, `axisLeft`, and `axisBottom` APIs, loading data via `d3.csv` and updating positions on a timer with `setInterval`. Data comes from a GitHub-hosted medals CSV file, and the SVG rendering includes circles with custom radii per data point.

Aavinashchinta99
92% match
Loading thumbnail…

ICE7

An animated scatter plot cycles through four Iris dataset variable pairs every two seconds, revealing different correlations between measurements. Each circle represents a flower sample, with axes rescaling to the current variable selection. The reusable chart module updates its x-value accessor while preserving the same SVG rendering. D3's `scaleLinear`, `axisLeft`, `axisBottom`, and data joins create the idempotent visualization, with `setInterval` driving the sequential column switching.

Ppeesarie
92% match
Loading thumbnail…

ICE7 - Reusable Scatter Plot

This animated scatter plot visualizes the Iris dataset, cycling through four different flower measurements on the x-axis while the y-axis remains sepal length. Data points are colored by species (setosa, versicolor, virginica) with a legend and axis labels. The visualization uses D3.js with a reusable `scatterPlot` module that leverages `scaleLinear`, `axisBottom`, and `axisLeft` for scaling and axes. SVG circles represent individual flowers, and a `setInterval` drives the animation, rotating through measurement columns.

RRamakanth771
92% match
Loading thumbnail…

Scatter plot ICE 7

This interactive scatter plot animates through different axis pairings of the Iris flower dataset, cycling between sepal and petal measurements. Colored circles represent the three species—setosa, versicolor, and virginica—with a static legend and dynamically updating axes. Built with D3.js v6, the visualization uses `scaleLinear`, `axisLeft`, `axisBottom`, and a `setInterval` loop to redraw the plot every few seconds. The SVG rendering includes custom labels, a title, and a rotating x-axis selection, with data loaded asynchronously via `d3.csv`.

Kkakumanusreya
91% match