Fork of ICE7 - Reusable Scatter Plot

Fork of ICE7 - Reusable Scatter Plot

This example presents the classic Iris dataset in an animated, reusable scatter plot built with D3 v6. It cycles through different sepal and petal measurements on the x-axis, with points colored by species (setosa, versicolor, and virginica) and a custom legend. The visualization uses `d3.csv` for data loading, `scaleLinear` and `extent` for axes, and a `setInterval` with the `scatterPlot` function to update the chart. Custom shapes are drawn as SVG circles with animations.

AArruSkywalker

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

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

Fork of Reusable D3 Scatter Plot- ICE7

This animated scatter plot visualizes the Iris flower dataset, cycling through different petal and sepal measurements on the x-axis while plotting sepal length on the y-axis. Data points are color-coded by species (setosa in orange, versicolor in blue, virginica in white) with a fixed legend. Built with D3 v6, the visualization uses a custom `scatterPlot` module with `scaleLinear`, `axisLeft`, and `axisBottom` to render axes, while `setInterval` cycles through four measurement columns every few seconds. The SVG rendering includes labeled axes and a species legend, with all text styled white against a black background.

AAnanthulaaditya

Vvinodreddysagam929@gmail.com

Fork of ICE7 - Reusable Scatter Plot

This scatter plot visualizes the Iris dataset, cycling through different measurement pairs on the x-axis to compare sepal and petal dimensions. It uses D3 v6 to render SVG circles, with colors encoded by iris species and a reusable chart module (scatterPlot) that handles axes and scales. The visualization updates automatically every few seconds, rotating through petal width, sepal width, petal length, and sepal length, while a legend maps species to colors. The code integrates D3 APIs like `scaleLinear`, `axisLeft`, and `axisBottom` to generate the axes and scales.

Vvinodreddysagam929@gmail.com

Fork of ICE7 - Reusable Scatter Plot

Fork of Reusable D3 Scatter Plot- ICE7

This interactive scatter plot, built with D3 v6, visualizes the Iris dataset. It cycles through four feature combinations (sepal and petal dimensions) on the x-axis, updating every few seconds while the y-axis remains sepal length. Data points are colored by species (Setosa, Versicolor, Virginica), with a static legend and axis labels. The visualization uses SVG for rendering and animation, with axes and scales computed via `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` from the D3 API.

SSnapika