mugiwarafx

@mugiwarafx·2 public vizzes

Fork of SVG Fundamentals

This example demonstrates a grid-based color study composed entirely of SVG rectangles. The canvas is partitioned into distinct sections with varying cell sizes—large quadrants, medium sub-divisions, and smaller swatches—each filled with a different named HTML color. The composition uses raw SVG `<rect>` elements with explicit `x`, `y`, `width`, `height`, and `fill` attributes to construct a structured, geometric patchwork of hues. The rendering approach relies solely on the SVG format, with the layout defined directly in the markup and styled through inline attributes. The piece serves as a fundamental exploration of spatial proportion and color placement.

Dec 7, 2022

Loading thumbnail…

SVG Fundamentals

This example demonstrates fundamental SVG rendering with two colored circles positioned on a blank canvas. The code uses plain HTML and CSS, with no external libraries or JavaScript logic. Each circle is defined by explicit attributes for center coordinates, radius, and fill color, showing how SVG shapes are constructed directly in markup. The static visualization highlights the basic building blocks of scalable vector graphics.

Dec 7, 2022