{"version":"1.0","type":"rich","title":"Dataviz 2018 - 1. SVG Basic Elements - Ep3","description":"This example showcases basic SVG shapes—a circle, rectangle, line, and path—arranged with geometric transformations. It demonstrates how the `transform` attribute’s `scale` and `translate` functions reposition and resize the grouped elements. The code uses raw SVG markup directly in the HTML, styled with CSS selectors like `.lines path` to apply green strokes and rounded line joins. A red-filled circle and a green rectangle appear under a scaled group, while a translated group uses a cyan fill with a black stroke. The path is drawn using the `M` (move-to) and `L` (line-to) commands.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/14871a7a1bad48c49cceb814369434e8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}