Book of Shapes – Collection of minimal, generative and customizable SVG-patterns
The Book of Shapes: A Compendium of Generative Art
An exquisite library of minimal, customizable, and generative
SVGpatterns, meticulously crafted by Nikolaj Sokolowski.
This collection transforms mathematical logic into visual art, moving away from static imagery and toward dynamic, algorithmic design.
📊 Library Statistics
The collection is organized into several thematic categories. The distribution of patterns is as follows:
| Category | Pattern Count |
|---|---|
| Grid | 22 |
| Radial | 18 |
| Noise | 18 |
| Flow | 17 |
| Isometric | 13 |
| Organic | 9 |
| Distortion | 8 |
| Physics | 5 |
⚙️ How it Works
The generation of these patterns typically follows a specific logic flow:
For instance, a basic grid pattern can be represented by the mathematical set of points:
🛠️ Technical Implementation
Each pattern is delivered as a scalable vector graphic. Below is a conceptual example of how a minimal SVG element might be structured within the Book of Shapes framework:
<svg width="100" height="100" viewBox="0 0 100 100">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="2" fill="none" />
<!-- Generative elements would be injected here -->
</svg>
🎨 The Pattern Catalog
The collection features a vast array of styles, ranging from the Recent and Popular to the Highly Liked.
Featured Patterns:
- Flow-Based:
- Flow Dots, Flow Lines, Flow Poles
- Geometric & Structural:
- Chevron Blocks, Triangular Mosaic, Node Garden, Interference Mesh
- Curvilinear & Organic:
- Spiral Morph, Broken Ring, Quarter Arc Truchet, Arc Truchet Butterfly
- Isometric Perspectives:
- Iso Cross, Scattered Cube Grid (v3 & Standard), Iso Cube Wireframe, Iso Sphere, Backpack Grid
- Wave & Field Dynamics:
- Wave Field, Brockmann, Beethoven Arcs, Hiding Squares, Isometric Ribbon Grid
Additional Variations:
- Jittery Squares Grid
- Quarter Circles Grid
- Wavy Lines Converging
- Joy Division & Joy Division Mesh
- Rotating Arc Grid
- Chaos Circles
- Concentric Noise Rings
- Deformed Grid Mesh (I & II)
- Cube Helix
- Halftone Sphere
- Isometric Noise Field (I & II)
- Isometric Cube Grid & Isometric Cubes
- Line-Based Circles
- Lissajous Field
- Masked Letter Grid
- Modular Circle
- Nested Polygons
- Noise Circle & Noise Landscape
- Phyllotaxis Bloom
- Polar Mesh
- Radial Harmony & Radial Spokes
- Rectangle Field
- Void Ripple Grid
- Rose Mesh
- Resonance Field
- Signal Decay
- Sine Cube
- Spiral Dot Field
- Spiral Mesh
- Wavy Fabric
✅ Project Goals
- Maintain minimal aesthetic
- Ensure full customizability
- Implement generative logic
- Export as lightweight
SVGfiles