{"version":"1.0","type":"rich","title":"Gist fba5514afb352314a04795e168f3a0ba","description":"This example demonstrates a set of reusable helper functions for drawing and manipulating shapes on an HTML canvas. It shows utility functions for creating lines, triangles, and rectangles, as well as geometric operations like panning, resizing, and checking whether one rectangle contains another. The code relies on the Canvas API's `beginPath`, `moveTo`, `lineTo`, `stroke`, and `rect` methods, along with standard DOM manipulation methods such as `document.querySelector`, `createElement`, and `addEventListener`. The rendering approach is direct canvas drawing, with no external data source or visualization library involved.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-fba5514afb352314a04795e168f3a0ba?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}