Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Reusable Scatter Plot for Iris Dataset ICE-7

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

This example presents the Iris dataset in an animated scatter plot that cycles through four floral measurements as the x-axis variable. The visualization updates every few seconds, shifting between petal width, sepal width, petal length, and sepal length while plotting petal width on the y-axis. The plot is built with a reusable `scatterPlot` function using D3 scales and axes. Species data is encoded through point colors and a legend, with SVG circles making up the marks. The animation is driven by `setInterval`, and data is loaded via `d3.csv`.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Reusable Scatter Plot for Iris Dataset ICE-7

This interactive scatter plot animates through the Iris dataset, cycling the x-axis between petal width, sepal width, petal length, and sepal length while keeping sepal length on the y-axis. Built with D3 v6, it uses a reusable chart module to render SVG circles colored by species, with a legend and rotating axis labels. The animation updates every few seconds via `setInterval`, demonstrating dynamic data exploration.

Bblikitha
95% match
Loading thumbnail…

Fork of Fork of iCE - 7 Reusable Scatter Plot

This scatter plot animates through four Iris flower measurements (petal width, sepal width, petal length, and sepal length) every two seconds, swapping which variable appears on the x-axis while keeping sepal length on the y-axis. Each point is colored by species (blue, red, or yellow) with white outlines, rendered as SVG circles. The visualization uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `selectAll(...).join(...)` within a reusable `scatterPlot` module. Data comes from a CSV of the classic Iris dataset, loaded via `d3.csv`.

DDivyaVellanki
94% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot- ICE7

This interactive scatter plot visualizes the Iris dataset, cycling through four different floral measurements on the x-axis over time while plotting petal width against sepal length. It uses D3 v6 to render animated SVG circles colored by species, with the y-axis fixed and the x-axis rotating automatically via `setInterval`. A legend identifies the three species, and axis labels update dynamically to reflect the current dimension. The code relies on D3’s `csv` import, `scaleLinear` scaling, and custom `scatterPlot` API.

AArefa Patwary
93% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot- ICE7

This animated scatter plot cycles through four different Iris flower measurements on the x-axis while keeping sepal length fixed on the y-axis, revealing changing species clusters. The visualization uses D3 v6 modules including `csv`, `scaleLinear`, `axisBottom`, and `axisLeft` to render SVG circles colored by species, with a custom legend and rotating axis labels. Data comes from a remote iris dataset, and the animation uses `setInterval` to swap the x-value mapping every few seconds.

Bbhargavarathod
93% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot- ICE7

This animated scatter plot cycles through four Iris flower measurements—petal width, sepal width, petal length, and sepal length—on the x-axis while keeping sepal length on the y-axis. Data points are colored by species using magenta, cyan, and orange markers. Built with D3 v6, the visualization uses `scaleLinear`, `axisLeft`, `axisBottom`, and `join` to render SVG circles and axes, with a `setInterval` function updating the x-value mapping every second. The Iris dataset is loaded via `d3.csv`, and a custom legend labels each species.

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

Fork of Fork of ICE 7-1 Reusable Scatter Plot

This example presents a reusable scatter plot of the Iris dataset, encoding species with distinct colors and shapes while mapping petal width and sepal length to the x and y axes. It cycles through four quantitative columns every ten seconds, updating the x-axis domain and point positions with animation. The visualization uses the D3 v6 module API, including `scaleLinear`, `scaleOrdinal`, `axisBottom`, `axisLeft`, and `symbol` for shape encoding, with SVG rendering driven by a `setInterval` loop that re-invokes the chart function.

KKarnisrikanth
93% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot- ICE7

This animated scatter plot cycles through the Iris dataset's four numeric attributes on the x-axis while keeping sepal length fixed on the y-axis, with points colored by species (orange, blue, black). Built with D3 v6, the visualization uses `setInterval` to update the x-scale domain and axis via a reusable `scatterPlot` function, rendering SVG circles and labels. Data loads from a CSV using `d3.csv`, with elements re-bound and joined on each interval tick.

RRakshithaRao27
93% match