{"version":"1.0","type":"rich","title":"Loop","description":"This visualization demonstrates a minimal animation loop utility, where a callback function executes repeatedly with timestamps for each frame. It shows how to manage continuous animation cycles using either `window.requestAnimationFrame` or `setTimeout`-based periodic timeouts, depending on whether a fixed interval is specified. The code defines a reusable `Loop` class with start and stop methods, supporting both animation frame precision and custom timing intervals. It uses the performance timing API to normalize timestamps, ensuring consistent time values across different browser implementations. The example serves as a foundation for building custom animated visualizations with precise control over frame timing.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-3225993?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}