{"version":"1.0","type":"rich","title":"Draw circles on canvas","description":"This canvas animation depicts a field of 2,500 circles, each randomly positioned and colored red or blue, drawn initially to a background canvas. Every 1.5 seconds, a new large circle (radius 80) is added to the foreground and progressively shrinks over time. While shrinking, circles are rendered as thick-outlined strokes; once they reach the minimum radius of 4, they are filled solid and permanently drawn to the background canvas, where they join the original static circles. The foreground canvas is cleared and redrawn every 20 milliseconds, creating a smooth pulsing effect as the shrinking circles fade into the static backdrop. The visualization uses the canvas API and requestAnimationFrame via a custom requestInterval helper for animation.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-fedabcdc8b0d59d6093c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}