{"version":"1.0","type":"rich","title":"Appearance","description":"This example showcases fundamental SVG styling with two separate HTML documents. The first creates a gradient-filled rectangle using a linearGradient definition, a rounded rect element, and text, demonstrating how CSS-like stop colors and gradient coordinates work. The second document constructs a rainbow target from nine concentric circles, each filled with a distinct color, then covers half the shape with a white rectangle. Both use raw SVG elements and attributes in plain HTML, with no JavaScript or external libraries, to illustrate basic vector graphics appearances.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/98e5cf1227a6428f9669713ee0cbe501?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}