{"version":"1.0","type":"rich","title":"Zoom Skeleton","description":"This example demonstrates a zoomable SVG stage built with React and D3 v6. A zoom behavior attached to the SVG element updates a transform state, which is applied to a child `<g>` container, allowing the text \"Hello World!\" to pan and scale in response to mouse gestures. The implementation uses React hooks (`useState`, `useEffect`) and D3's `zoom` and `select` APIs, with the stage and zoom container defined as reusable components. The SVG is rendered declaratively via React, with D3 handling the interactive zoom events.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5cca4d0fcb3049359e01764dfe2d7eb1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}