Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mathematical Graphic Patterns

Public visualization

Viewing a saved revision (read-only)

4f9aed1d01cc43ebbebaaae8dc1a63e2

Mathematical Graphic Patterns

0 stars0🌍 Public
CConvert-Jade
Last edited Nov 29, 2019
Created on Nov 28, 2019

Mathematical Graphic Patterns is an animated canvas screensaver that generates a shifting grid of colorful circles. The code uses the Canvas 2D API via `canvas.getContext('2d')` and relies on `requestAnimationFrame` for continuous motion. Each circle’s position, size, and RGB color are computed from sine and cosine functions of its grid coordinates and a slowly incrementing `time` variable, creating a flowing, kaleidoscopic effect. A partially transparent black overlay fades older frames, leaving trails that enhance the visual complexity.

AI-generated description

A modern day screensaver!

From "Mathematical Patterns" tutorial given at MIT on July 28, 2013.