{"version":"1.0","type":"rich","title":"Fork of Smiley Face Part V","description":"A React component tracks mouse movement and repositions a single circle in an SVG viewport using local state. The larger project splits the classic Smiley Face visualization into separate ES6 modules for the background circle, eyes, mouth (drawn with a D3 arc path), and face. React Fragments group the eye circles without extra DOM nodes. The example demonstrates component composition with React 16.9 and D3 v5 for SVG path generation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9fcbae066c1b448797c0cf49a06965a6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}