{"version":"1.0","type":"rich","title":"Animated eye","description":"The animated eye is a playful React visualization that renders a stylized, rotating eye shape on a dark background, with a central pupil and iris built from nested CSS circles. Hovering over the eye triggers a smooth eyelid closure, simulated by a red overlay that expands vertically. The code uses React 16.13.1 and ReactDOM to mount the component, while all animation and geometry are handled entirely through CSS3 properties, including transforms, border-radius, and transitions on the `.shut span` element. The rendering approach is purely DOM-based with no external data or JavaScript animation libraries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c760660ebe0e4a8ca4a531ee1c871584?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}