Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mathematical Graphic Patterns

Public visualization

Mathematical Graphic Patterns

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

This animated canvas visualization generates evolving geometric patterns from a grid of circles. Each frame, the code computes positions and radii using trigonometric functions of time and grid coordinates, creating swirling, morphing shapes with shifting colors. The animation runs continuously via `requestAnimationFrame`, with a semi-transparent black overlay (Canvas `fillRect`) producing trailing motion blur effects. The canvas resizes dynamically to fit the window, and all rendering uses the native Canvas 2D API, including `arc` and `fill` for circle drawing. No external libraries are used; the math-driven design follows the original MIT tutorial’s approach.

AI-generated description

A modern day screensaver!

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

Comments

Sign in to join the discussion.

MIT Licensed