{"version":"1.0","type":"rich","title":"Smiley Face React & D3","description":"This example combines React and D3 to render a simple, interactive smiley face. The app uses React to manage the component tree and render a large emoji character, while D3’s force simulation handles the positioning and movement of facial features. The code initializes a React root and mounts a component that displays a greeting, though the primary visualization is a smiley whose eyes and mouth are dynamically arranged using `d3.forceSimulation` and related force APIs. The underlying data structure is a set of node objects, and the rendering is done through React’s declarative JSX syntax.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bf8c90b8c941472cb60b3ab850c809c2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}