{"version":"1.0","type":"rich","title":"canvas marker","description":"This example uses layered PNG images to compose a map marker visualization on an HTML canvas. The code draws a background, optional type-specific overlay, error indicator, and foreground image in sequence using the Canvas 2D API’s `drawImage` method. Each layer is painted onto a dynamically created `<canvas>` element, and the final composite is exported as a data URL via `toDataURL(\"image/png\")`. The rendering relies on jQuery to instantiate the canvas and manage the drawing context, with the marker’s appearance determined by the presence of `this.type` and `error` flags.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-890806?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}