{"version":"1.0","type":"rich","title":"Hello HTML","description":"A React-rendered SVG smiley face demonstrates basic D3 shape generation. The component uses `d3.arc` to create a mouth path with inner and outer radii and fixed start/end angles, while plain SVG `<circle>` elements position two eyes via negative and positive x-offsets from the center. The face is drawn inside a `<g>` transform that centers the artwork in a 960×500 viewport. The yellow circle has a black stroke, and the mouth is rendered as a half-circle arc, with all geometry computed from constant dimensions rather than data.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9d517cbb915f4671bd830249e2cc4664?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}