{"version":"1.0","type":"rich","title":"creating a line","description":"This example shows a simple SVG-based line drawing in a React visualization. The code uses an `<svg>` element to render two line segments: a horizontal line created with the `<line>` tag and a diagonal path drawn with the `<path>` tag, both styled with black strokes. The rendering approach uses raw SVG coordinates, with the first line spanning from x1=\"400\" y1=\"300\" to x2=\"280\" y2=\"300\". No additional libraries are used; the visualization relies entirely on native SVG markup and CSS-like attributes such as `stroke` and `stroke-width`. It demonstrates fundamental vector graphics construction without JavaScript interaction.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/13cbbce66b3b4763a7b582a45a6420e0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}