{"version":"1.0","type":"rich","title":"MOUSE cursor","description":"A smiling face composed of SVG circles and an arc path is rendered across a 15-element grid, with each face centered and scaled via a React component hierarchy. The code uses D3’s `arc()` generator to create the mouth, while the face’s background, eyes, and container are separate React components that pass sizing and offset props. The static grid is defined using D3’s `range()` and mapped in a React `App` component, with the SVG group translated to center coordinates for each face.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8bc2e4f3d34e46448512a6bfd0e77e26?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}