Luca

@LucaLunati89·2 public vizzes

Fork of SVG Fundamentals

This example demonstrates fundamental SVG shapes—overlapping red and green circles, a navy line, a black path with a fill, and a partially commented-out rectangle—rendered directly in an HTML document. The SVG markup uses standard shape elements like `<circle>`, `<line>`, and `<path>`, with attributes controlling position, size, fill, and stroke. No external libraries are used; the visualization relies solely on the browser’s native SVG rendering, as specified in the embedded wiring. The code includes a commented-out `<rect>` element, showing a static demonstration of basic vector graphics.

Jun 14, 2022

Loading thumbnail…

Svg Fundamentals

This example displays four distinct SVG primitives—a grey circle, a rectangle, a thick polyline, and a diagonal line—on a 600-by-600 canvas. The shapes are constructed directly in HTML using SVG elements (circle, rect, path, and line) without any external data or JavaScript libraries. The rendering relies entirely on SVG’s native coordinate system and attributes like cx, cy, r, x, y, width, height, and stroke to define geometry and styling. A black border outlines the larger rectangle, while the path and line demonstrate basic vector drawing.

Jun 14, 2022