{"version":"1.0","type":"rich","title":"iFrame","description":"This example demonstrates bidirectional communication between an embedded iframe and its parent page using the HTML5 `postMessage` API and the `window.addEventListener('message')` event. It shows how a child document can display messages sent from the parent, and how a user can type text into an input field and send it back to the parent via `window.parent.postMessage`. The page is a minimal HTML document with inline CSS styling and vanilla JavaScript, requiring no external libraries or frameworks. It serves as a bare-bones template for cross-origin messaging patterns in web visualization contexts.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/961ca377f59c4fba9db3a43f2f5e1106?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}