{"version":"1.0","type":"rich","title":"Using Pym.js for responsive d3","description":"This example demonstrates how Pym.js enables responsive SVG graphics by redrawing d3 content based on iframe width. The embedded page uses a `pym.Child` with a `renderCallback` to trigger `createChart`, which swaps between a landscape scene with trees and a portrait figure at a 600-pixel breakpoint. The code applies d3.v3 selections, `append`, `attr`, and `use` elements with `xlink:href` references to symbol definitions. It also uses Pym.js’s parent–child messaging to update the graphic on window resize, as shown in the parent `index.html` and child `svgimage.html` files.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-b28db498cf830f61e8eb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}