{"version":"1.0","type":"rich","title":"Fork of React & D3 Vibecoding Starter","description":"A three-dimensional heart rotates continuously within a responsive SVG container, its layered shapes creating a sense of depth and volume. The animation, driven by an animation frame loop in D3.js, updates a rotation angle that shifts each of the 20 heart-shaped paths horizontally and vertically. D3's `select`, `rgb`, and SVG path rendering construct the visual, while React's `useRef`, `useEffect`, and `useState` manage the container dimensions and animation state. The heart's colors and stroke opacity vary by depth to enhance the 3D effect.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/66cfe74cf8a64d23aaa6d7b955118e1c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}