Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable-1

Public visualization

Reusable-1

0 stars0🌍 Public
SSheela2930
Last edited Mar 29, 2023
Created on Mar 29, 2023

This example presents an animated scatter plot of the Iris dataset, cycling through different feature pairs on the x-axis (petal width, sepal width, petal length, sepal length) while the y-axis remains fixed. The visualization uses a custom reusable `scatterPlot` module built with D3.js (`scaleLinear`, `axisLeft`, `axisBottom`) to render SVG circles and axes. Points are colored by species (Iris-setosa in pink, Iris-versicolor in green, Iris-virginica in brown) with a legend and title. The animation updates the x-axis and plot data every interval, demonstrating a reusable chart component.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed