{"version":"1.0","type":"rich","title":"Ep 14 Interaction with React","description":"A simple face made of SVG shapes responds to the mouse in real time. The code uses React state with a `useState` hook and `onMouseMove` handler to track cursor position, then updates a blue pupil circle accordingly. D3’s `arc` generator draws the mouth path, while static black eyes and a wheat-colored face circle are rendered as SVG elements. The example demonstrates combining D3’s geometry helpers with React’s declarative rendering for interactive visualizations.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/df7ef4e653b74199a8d9cc4794e13b07?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}