{"version":"1.0","type":"rich","title":"React + D3 Viz Starter","description":"A React starter template demonstrates the margin convention for SVG visualizations, rendering a gray outer rectangle and lighter inner plotting area via the `VizContainer` component. A draggable circle tracks mouse movement using React state and the `onMouseMove` event, with coordinates stored in `mousePos`. The example loads React 16.13.1, ReactDOM, and D3 v6.2.0 from CDN, using JSX and the `useState` hook to manage interactive updates without requiring D3's data-binding utilities.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ca7963ae4c2f49bb990a17c52451e8c7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}