Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

c0d3f8c4a829417d9ffc36e646650d9e

Fork of SVG Fundamentals

0 stars0🌍 Public
Mmugiwarafx
Last edited Dec 7, 2022
Created on Dec 7, 2022
Forked from 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.

AI-generated description

A demonstration of SVG shapes.