{"version":"1.0","type":"rich","title":"Fork of P5.js Starter","description":"This example shows three nested circular targets rendered on a canvas, based on the P5.js *Functions* example. It demonstrates how to integrate P5.js with VizHub’s hot-reloading environment. The code imports the `p5` library and reuses its functions—`createCanvas`, `background`, `noStroke`, `fill`, and `ellipse`—by extracting and binding them from the instance. It also manually attaches `setup` and `draw` functions to the instance. The sketch measures the container’s dimensions to size the canvas and uses `noLoop()` for a static display.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/341efbc536964f28914c3c9ff43550a4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}