Skip to main content
100%

Hello VizHub

✓ Published1🌍 Public
PPabloReyesBetanzo
Last edited Nov 4, 2018
Created on Oct 31, 2018
Forked from Hello VizHub

A minimalist SVG showcase of basic geometric shapes, including circles, rectangles, lines, and a polyline path, demonstrates how SVG elements can be styled and grouped. The graphic uses nested `<g>` elements with transformations and explicit CSS classes to apply stroke, fill, and stroke-width properties. The first group scales the entire drawing by 1.25, while a second translated group adds blue fills with black outlines. The `.lines` class in the accompanying stylesheet defines black strokes for all contained elements, with the path specifically overridden to red and rounded line joins. This example illustrates fundamental SVG composition and CSS styling patterns without external libraries.

AI-generated description
MIT Licensed

Similar vizzes