{"version":"1.0","type":"rich","title":"Click to get more donuts","description":"Clicking the \"Hungry\" button appends a donut image to the page and updates a status message, demonstrating dynamic DOM insertion through JavaScript. The example uses `document.createElement` and `appendChild` to add an `<img>` element sourced from an external PNG URL (pngimg.com) after each click. The code references the tutorial \"Adding and Removing Elements on the Fly Using JavaScript\" and includes commented-out logic for removing elements, though the active interaction only adds donuts, not removes them. The visual result is a growing row of donut images below the text.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0139ffdbd3b3477d974e3730a84efa28?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}