{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"A grid of square SVG rectangles demonstrates fundamental vector rendering and CSS interactivity. The 50x50 pixel shapes are positioned manually across a 1000x1000 canvas, creating a structured excavation unit pattern. Hovering a rectangle triggers a CSS transition that fills it with light gray, thickens its stroke to 7 pixels, and changes the border color to red. The example uses raw SVG elements with inline attributes and stylesheet rules rather than JavaScript libraries or data-binding frameworks.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2ff4df26c874415aa90cc8973aa44899?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}