Fork of Reusable Scatter Plot for Iris Dataset ICE-7

100%

Fork of Reusable Scatter Plot for Iris Dataset ICE-7

✓ Published1🌍 Public

Last edited Mar 27, 2022

Created on Mar 27, 2022

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.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

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

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`.

Bblikitha

95% 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

94% 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

94% match

Loading thumbnail…

Fork of ICE7 - Reusable Scatter Plot

This reusable scatter plot animates through the Iris dataset, cycling the x-axis through petal width, sepal width, petal length, and sepal length while keeping sepal length on the y-axis. It colors data points by species (setosa, versicolor, virginica) with a custom legend and rotating axis labels. Built with D3 v6, it uses `scaleLinear`, `axisLeft`, and `axisBottom` to render SVG circles and axes. The animation uses `setInterval` to update the plot’s x-value binding, demonstrating a modular `scatterPlot` chart factory.

NNHRK555

94% match

Loading thumbnail…

Fork of Reusable D3 Scatter Plot- ICE7

This animated scatter plot visualizes the Iris flower dataset, cycling through four different x-axis measurements—petal width, sepal width, petal length, and sepal length—while keeping sepal length fixed on the y-axis. Each data point is colored by species (setosa, versicolor, virginica), with a static legend. The example uses D3 v6 APIs such as `scaleLinear`, `axisLeft`, `axisBottom`, and `setInterval` to update the chart, rendering SVG circles and text with a custom `scatterPlot` reusable function.

AArefa Patwary

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 Reusable D3 Scatter Plot- ICE7

This animated scatter plot visualizes the Iris dataset, cycling through four attribute combinations (petal and sepal width/length) on the x-axis. The y-axis remains fixed at sepal length, while data points are color-coded by species. The visualization employs a reusable D3 scatter plot module, using `scatterPlot` to manage scales and axes, and directly appends SVG circles with custom colors and dimensions. The animation is driven by `setInterval`, which updates the x-axis mapping and re-applies the plot, with axis labels and a legend adjusted dynamically.

IIndhuKrishnaraj

93% match

Loading thumbnail…

Fork of Reusable D3 Scatter Plot- ICE7

This interactive scatter plot animates through different dimensions of the Iris dataset, cycling the x-axis through petal width, sepal width, petal length, and sepal length. The visualization uses D3.js APIs including `select`, `append`, `attr`, and `join` to render SVG circles and axes, with data loaded via `csv`. A reusable `scatterPlot` module defines the chart structure, while the main script uses `setInterval` to trigger time-based updates. Species are color-coded orange, blue, and black, with a legend for setosa, versicolor, and virginica.

DDeegutla123

93% match