{"version":"1.0","type":"rich","title":"Fork of Svg exercise","description":"This example uses React and inline SVG to render a fixed composition: a red circle centered at (350, 350) with three black lines radiating outward, a navy-bordered rectangle spanning the left region, and the italicized red text \"Titan\" positioned to the right. The SVG elements are styled using a CSS class defined in the page’s `<style>` block, which sets the text’s font size, fill, stroke, and stroke width. The code directly declares SVG shapes (`circle`, `line`, `rect`, `text`) with explicit coordinate attributes, demonstrating a static vector graphic created without external libraries or data binding.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1979ce0622d2417a9a8677cc4917b7e4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}