{"version":"1.0","type":"rich","title":"Trigonometry for Designers Example Code - Translated into HTML5 Canvas (JavaScript)","description":"This example generates a spiraling floral pattern on an HTML5 canvas using the JavaScript Canvas API. It draws hundreds of overlapping petal-like shapes, each positioned and rotated according to the golden angle (137.5 degrees) with a growing radius. The pattern emerges from repeated trigonometric calculations—cosine and sine for placement, plus rotation and scaling transformations per petal. The code uses `CTX.translate`, `CTX.rotate`, `CTX.scale`, and `CTX.arc` to render each petal with layered circles and rectangles, producing a dense, organic composition.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-a738fe004e8441262ea5ca557c630939?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}