Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Mathematical Graphic Patterns

Public visualization

Viewing a saved revision (read-only)

4f0743aed7d44a338c920b03538388ff

Fork of Mathematical Graphic Patterns

0 stars0🌍 Public
RReyden Harris
Last edited Feb 23, 2023
Created on Feb 23, 2023

This animated canvas visualization generates a shifting spiral of colored circles that expands outward in a grid-like pattern. The animation continuously updates using `requestAnimationFrame`, with each circle’s position and radius computed from trigonometric functions of grid coordinates and a slowly advancing time variable. Colors derive from sine-based RGB values, while a semi-transparent black overlay creates a fading trail effect. The code relies solely on the Canvas 2D API, using `getContext('2d')`, `arc`, and `fillRect`, with no external libraries.

AI-generated description

A modern day screensaver!

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