{"version":"1.0","type":"rich","title":"JavaScript SVG Animation","description":"A rotating square animates over a static Cartesian coordinate system, with two small circles tracking its corners along a circular path. Built with vanilla JavaScript and SVG, the animation uses `requestAnimationFrame` to update the square's `transform` attribute and calculate circle positions via trigonometric functions. The code directly manipulates SVG elements like `<rect>` and `<circle>` without any external libraries, rendering entirely in the browser.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/32d1060f9fc148ea86840e157c6538d0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}