come.grant@gmail.com

@Orsenna187·2 public vizzes

Fork of Sol LeWitt Reproduction Vertical

This example recreates a Sol LeWitt–inspired geometric composition using only SVG primitives and masking, showing a grid of thin vertical and horizontal bars that intersect to form a central circular void. The work emphasizes the contrast between ordered line work and negative space, creating a pseudo-visualization that mimics algorithmic drawing without encoding external data. The code relies on the raw DOM APIs `document.createElementNS` and `setAttribute` to construct the SVG elements, while two `<mask>` definitions with inverted fills (white background with black circle, black background with white circle) selectively reveal the vertical strokes inside the circle and the horizontal strokes outside it. No external libraries are used; the font is loaded via Google Fonts’ “Share Tech” for the text styling.

Mar 1, 2024

Loading thumbnail…

SVG Fundamentals

This example demonstrates a minimal HTML page titled “SVG Fundamentals” that introduces the basics of Scalable Vector Graphics through a playful subject, the “SVG Funcat.” The page shows a static SVG graphic, though the code itself contains no SVG elements or rendering logic beyond the visible heading. It relies solely on plain HTML structure, with no external libraries or frameworks such as React or D3.js, and no JavaScript for dynamic behavior. The rendering approach is limited to standard browser display of HTML content, emphasizing the starting point for learning SVG rather than implementing any advanced visualization.

Mar 1, 2024