{"version":"1.0","type":"rich","title":"canvasteste","description":"This example demonstrates basic canvas drawing and animation within a VizHub page. It uses a D3 selection to set the text of a message div, then draws a red rectangle and a series of horizontal lines on a 600x300 canvas via the Canvas 2D API. A button triggers a `myMove` function that animates the canvas element by incrementing its CSS `top` and `left` positions with `setInterval`. The code imports `select` from D3 and a local ES6 module for the message text.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ce1bb79e9dda44139ca22e4b31ed364b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}