{"version":"1.0","type":"rich","title":"Fork of Fork of HTML Starter","description":"This example shows a simple SVG smiley face composed of three circles: a large yellow circle for the head and two smaller circles for the eyes, rendered in a React component using the `svg` element. The code uses React’s JSX syntax to declaratively define the circles, with attributes like `cx`, `cy`, and `r` for positioning and sizing, and `fill` and `stroke` for styling. It leverages D3 v7 (loaded via a script tag) but only for its bundled distribution, not for any specific visualization functions, while the React rendering is done through `ReactDOM.render`. The design hardcodes the dimensions and coordinates, serving as a minimal template for combining React with SVG.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b10f6acca0c4484da84c7d3a7e390998?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}