Skip to main content
SimilarExport ZIP
100%

dpka-scttr plot ICE 7

✓ Published0🌍 Public
DDeepikaGoud08
Last edited Mar 30, 2023
Created on Mar 30, 2023

This animated scatter plot cycles through the Iris dataset's numeric columns on the x-axis, showing how petal width, sepal width, petal length, and sepal length correlate with sepal length on the y-axis. Each species appears as a distinct colored and shaped marker, with a static legend labeling setosa, versicolor, and virginica. The visualization uses D3.js scales, axes, and SVG paths via the reusable `scatterPlot` module, updating every two seconds through a `setInterval` that re-binds the x-value accessor.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-7 Scatterplot

This animated scatterplot visualizes the Iris Dataset, plotting petal width against sepal length with points colored by species (setosa, versicolor, virginica) in red, teal, and blue. Using D3.js, the visualization cycles through different column pairings every two seconds—including sepal width, petal length, and sepal length—via setInterval, dynamically updating the axes and circles without user interaction. The SVG rendering uses d3.scaleLinear, axisLeft, and axisBottom to construct the coordinate system.

BBaswa Sathvika Reddy
90% match
Loading thumbnail…

dpka-ICE-7_Scatterplot

This interactive scatterplot animates through different pairings of measurements from the classic Iris dataset, cycling the x-axis among petal width, sepal width, petal length, and sepal length while keeping sepal length on the y-axis. Each of the three iris species is represented by a distinct color and is accompanied by a static legend. The visualization is built with React and D3, using `d3.csv` for data loading, `scaleLinear` and `axisBottom`/`axisLeft` for scales and axes, and a `setInterval` callback to update the chart. SVG circles render the points, with a custom `scatterPlot` module managing the reusable chart configuration.

DDeepikaGoud08
89% match
Loading thumbnail…

ICE7_Reusable D3 Scatter Plot

This interactive scatter plot visualizes the Iris dataset, displaying relationships between petal and sepal measurements. The visualization cycles through four variable combinations every two seconds, allowing comparison of different attribute pairings. Each species—setosa, versicolor, and virginica—is distinguished by color, with a legend identifying the groups. The plot is built as a reusable D3 module, using `scaleLinear`, `scaleOrdinal`, `axisLeft`, and `axisBottom` from the d3 library for axes and scales. SVG circles represent data points, with animated axis updates driven by `setInterval`.

AAkrutiKhurana2103
88% match
Loading thumbnail…

ICE7-11540639-Reusable Scatter Plot

This interactive scatter plot visualizes the Iris dataset, showing the relationship between petal length, petal width, sepal length, and sepal width, with each species color-coded (setosa as orangered, versicolor as green, and virginica as navy). The visualization uses D3.js (v6.7.0) with a reusable scatter plot component, loading data via `csv()`, and rendering SVG circles with animated transitions. Every two seconds, the plot cycles through different axis columns using `setInterval()` and reassigns the x-axis value, causing the scatter plot to dynamically update its layout while the y-axis remains fixed to sepal length.

SSravanthi Silla
87% 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
87% match
Loading thumbnail…

ICE 7 D3 Scatter Plot

This interactive scatter plot visualizes the Iris dataset, encoding petal and sepal measurements as x/y coordinates while color-coding points by species (setosa, versicolor, and virginica). Built with D3 v6, it uses `scaleLinear`, `axisLeft`, and `axisBottom` to render SVG axes and circles. A `setInterval` cycles through four measurement columns, animating the x-axis mapping across petal width, sepal width, petal length, and sepal length. The visualization includes a fixed y-axis for sepal length, a color legend, and axis labels, with data loaded from a remote CSV via `d3.csv`.

SSnapika
87% match
Loading thumbnail…

KR_DV_ICE_7_1

This example displays the Iris dataset as an animated scatter plot that cycles through different x-axis variables every three seconds. The plot maps petal width to the y-axis while alternating between sepal width, petal length, and sepal length on the x-axis. Species are encoded using distinct SVG symbols—stars, crosses, and diamonds—generated with d3.symbol. The reusable chart function leverages d3.scaleLinear, axisLeft, and axisBottom for scales and axes, with setInterval driving the periodic updates.

KkarthikRachamalli1995
87% match
Loading thumbnail…

ICE7 - Scatter Plot

This interactive scatter plot animates through different x-axis variables—petal width, sepal width, petal length, and sepal length—while keeping sepal length on the y-axis, using the classic Iris dataset. Circles are colored by species (setosa, versicolor, virginica) with a custom legend, and the plot updates every few seconds via `setInterval`. Built with D3 v6, it uses `scaleLinear`, `axisLeft`, `axisBottom`, and a custom `scatterPlot` function, rendering as SVG with appended axis labels and a rotating title.

Aavinashchinta99
87% match