{"version":"1.0","type":"rich","title":"headlight","description":"This example uses React to create a minimal SVG visualization of a headlight beam projecting onto a wall and ground. It draws a blue vertical wall, a gray ground line, and a yellow circle representing the headlight, with green and red dashed lines simulating the light beams. The code constructs SVG elements directly via the DOM API (`document.createElementNS`) and appends them to the document body. The visualization is a static, hardcoded scene with fixed coordinates, sizes, and stroke styles, demonstrating basic SVG shape rendering without interactivity or data-driven input.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d97085b1967f423a9b53a290a13f5787?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}