{"version":"1.0","type":"rich","title":"0504_d3실습","description":"This example creates a static smiley face using SVG shapes, rendered through a plain React component in the bundled visualization. The code draws three circles directly in the SVG markup: a large yellow circle for the face, two smaller black circles for the eyes, and a yellow nose with a black stroke. The rendering uses inline SVG elements without D3.js functions or data-driven joins, relying solely on hardcoded coordinates and styling attributes. The page, defined in index.html, loads JavaScript to display the composition on a 900x400 canvas.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/792004f412a043779f5d40ab50d48a4b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}