{"version":"1.0","type":"rich","title":"Jaeyong's Blog","description":"This interactive visualization displays a cartoon smiley face constructed with SVG shapes, including a circular head, eyes, cheeks, mouth, and eyebrows, all centered on a 960x500 canvas. The face’s size scales continuously based on a range slider input, which adjusts the radius and proportionally updates all facial features. Built with React for rendering and D3’s `arc()` generator for the curved eyebrows, the code recalculates geometry on each slider event via `ReactDOM.render`. A random initial radius and a refresh loop demonstrate the dynamic updating of SVG attributes through React state changes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d0362277923d449583156557d32eda8d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}