{"version":"1.0","type":"rich","title":"Proper way to embed an SVG with backward compatibility","description":"This example demonstrates a technique for embedding an SVG image in a webpage while ensuring backward compatibility with browsers that do not support the SVG format. The code shows an `<object>` element that references an external SVG file via the `data` attribute, with a fallback `<img>` tag pointing to a PNG version inside the object. The outer `<div>` controls the display size using width and height percentages. No JavaScript libraries are used; the approach relies purely on native HTML elements to handle graceful degradation for older browsers like IE.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-29bba2ed110aa63a8c12?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}