{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates the fundamental drawing capabilities of SVG within a React application, using a hand-coded Tic-Tac-Toe board as the visual subject. The code constructs a yellow rectangle with a navy border and overlays styled text and five colored lines to form the game grid. Rendering is achieved directly through SVG elements like `rect`, `text`, and `line`, with presentation controlled by CSS classes and inline attributes such as `stroke`, `stroke-width`, and `fill`. It serves as a bare-minimum HTML page illustrating how to manipulate SVG primitives without relying on a data source or external visualization library.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b33342d8adc04ba880ecc2837c1358b4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}