{"version":"1.0","type":"rich","title":"React Starter","description":"The React Starter example displays hand-coded SVG shapes—circles and rectangles—in a single 600×600 viewport, with transformations scaling, translating, and recoloring groups of elements. It demonstrates React rendering a simple \"Hello React\" message via `ReactDOM.render`, while the SVG markup in `index.html` uses standard SVG attributes like `fill`, `stroke`, `transform`, and elements such as `line` and `path`. A `<g class=\"lines\">` element applies red stroke styling from the `styles.css` file, showcasing static, pre-defined vector graphics without interaction or data binding.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a4986cf261404a01914b2e018c21e7e1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}