Fork of ice - 7-1

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

Fork of ice - 7

A scatter plot animation displays the Iris dataset, with points colored by species (setosa, versicolor, virginica) in orange, green, and brown. The plot cycles through different x-axis attributes every two seconds using a `setInterval` callback, alternating between petal width, sepal width, petal length, and sepal length, while the y-axis remains fixed to sepal length. Built with D3 v6, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render axes and circles dynamically. The SVG fills the browser window, styled with the Share Tech font.

MMar-99

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

Fork of ICE - 7 Reusable Scatter Plot

This animated scatter plot cycles through the four measurements of the Iris dataset, re-mapping the x-axis every two seconds to show different pairwise relationships. Built with D3.js, it uses a reusable `scatterPlot` function that leverages `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render axes and circles. The SVG visualization color-codes each species—setosa, versicolor, and virginica—in blue, red, and yellow, with a black background and white strokes.

DDivyaVellanki

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

Fork of ICE7 - Reusable Scatter Plot pt 2

This animated scatter plot explores the Iris dataset by cycling through different measurement pairs on the x-axis while keeping sepal length on the y-axis. Built using D3.js v6 with SVG rendering, the visualization employs a reusable `scatterPlot` function with `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to create axes. Data points are colored by species using `d3.csv` parsing. A `setInterval` timer updates the plot’s x-value accessor every few seconds, dynamically re-rendering the chart with smooth transitions. The interface includes a species legend and axis labels that update to reflect the currently displayed dimension.

JJustin Roberts

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

Fork of Fork of ICE7

This animated scatter plot cycles through four Iris flower measurements—petal width, sepal width, petal length, and sepal length—updating the x-axis every 10 seconds while keeping sepal length on the y-axis. It uses the D3 v6 library with SVG rendering, featuring pink circles and white axis labels on a pink background, and reads the ICE-7 dataset from a GitHub CSV URL via d3.csv. The plot is built with a custom scatterPlot function using d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom.

Aajaysonu