Skip to main content
100%

ICE 7 Reusable Scatter Plot.

✓ Published0🌍 Public
NNikitha123171
Last edited Mar 25, 2023
Created on Mar 25, 2023

This example demonstrates a reusable scatter plot component built with D3.js and React, visualizing the Iris dataset. The plot cycles through different feature combinations on the x-axis (petal width, sepal width, petal length, sepal length) every few seconds, with animated transitions updating the axes and circles. Points are colored by species (setosa, versicolor, virginica) using a custom color mapping, and a legend displays the species labels alongside their corresponding colors. The visualization uses D3 scales, axes, and SVG rendering, with the reusable `scatterPlot` function managing the plot structure and update logic.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes