Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE 7 Reusable Scatter Plot.

Public visualization

Viewing a saved revision (read-only)

fb989fcf27684dd3ba86bedd1b21c0b8

ICE 7 Reusable Scatter Plot.

0 stars0🌍 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.