{"version":"1.0","type":"rich","title":"Mathematical Graphic Patterns","description":"A grid of 30 by 30 small circles continuously shifts and morphs in an animated screensaver-like display. Each circle’s position and size are driven by sine and cosine functions of its grid coordinates and a continually advancing time value, producing swirling, geometric motion. The code uses Canvas drawing APIs such as `getContext('2d')`, `beginPath`, `arc`, and `fill` to render the circles, with colors computed via a custom `rgb` function based on grid position and time. The animation runs through `requestAnimationFrame`, and the canvas resizes to match the window dimensions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/354eb355327542048e10153df9d25fde?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}