---
hide:
  - toc
---

# Gallery

A showcase of the best artwork generated across the wiki. Click any image to zoom in. Each links to the page where it's explained.

---

## Image-to-Art

<div class="compare-grid" markdown>

<figure markdown>
![Classic dot art](../_images/recipes/image-classic-dots.svg)
<figcaption markdown>[Classic Dot Art](../recipes/01-image-to-art.md)</figcaption>
</figure>

<figure markdown>
![Halftone](../_images/recipes/image-halftone.svg)
<figcaption markdown>[Halftone Effect](../recipes/01-image-to-art.md)</figcaption>
</figure>

<figure markdown>
![Shape art](../_images/recipes/image-shape-art.svg)
<figcaption markdown>[Shape Art](../recipes/01-image-to-art.md)</figcaption>
</figure>

</div>

---

## Geometric Patterns

<div class="compare-grid" markdown>

<figure markdown>
![Rotating hexagons](../_images/recipes/geo-rotating-hex.svg)
<figcaption markdown>[Rotating Hexagonal Tiling](../recipes/02-geometric-patterns.md)</figcaption>
</figure>

<figure markdown>
![Sine wave](../_images/recipes/geo-sine-wave.svg)
<figcaption markdown>[Sine Wave Pattern](../recipes/02-geometric-patterns.md)</figcaption>
</figure>

<figure markdown>
![Concentric rings](../_images/recipes/geo-concentric.svg)
<figcaption markdown>[Concentric Rings](../recipes/02-geometric-patterns.md)</figcaption>
</figure>

</div>

---

## Flowing Art

<div class="compare-grid" markdown>

<figure markdown>
![Wave visualization](../_images/recipes/flow-waves.svg)
<figcaption markdown>[Wave Visualization](../recipes/03-flowing-curves.md)</figcaption>
</figure>

<figure markdown>
![Spiral paths](../_images/recipes/flow-spirals.svg)
<figcaption markdown>[Spiral Paths](../recipes/03-flowing-curves.md)</figcaption>
</figure>

<figure markdown>
![Escher curves](../_images/recipes/flow-escher-curves.svg)
<figcaption markdown>[Image Curves](../recipes/03-flowing-curves.md)</figcaption>
</figure>

</div>

---

## Networks & Typography

<div class="compare-grid" markdown>

<figure markdown>
![Bright dot network](../_images/recipes/network-bright-dots.svg)
<figcaption markdown>[Brightness Network](../recipes/04-connected-networks.md)</figcaption>
</figure>

<figure markdown>
![ASCII art](../_images/recipes/typo-ascii.svg)
<figcaption markdown>[ASCII Art](../recipes/05-typographic-art.md)</figcaption>
</figure>

<figure markdown>
![Combined composition](../_images/recipes/adv-combined.svg)
<figcaption markdown>[Full Stack Composition](../recipes/06-advanced-compositions.md)</figcaption>
</figure>

</div>

---

## Parametric Paths

<div class="compare-grid" markdown>

<figure markdown>
![Filled Lissajous](../_images/guide/paths-filled-lissajous.svg)
<figcaption markdown>[Filled Lissajous Curves](../guide/05-paths-and-parametric.md#filled-closed-paths)</figcaption>
</figure>

<figure markdown>
![Custom wave paths](../_images/guide/paths-custom-wave.svg)
<figcaption markdown>[Wave Paths](../guide/05-paths-and-parametric.md#built-in-path-shapes)</figcaption>
</figure>

<figure markdown>
![Ellipse arcs](../_images/guide/paths-arcs.svg)
<figcaption markdown>[Ellipse Arcs](../guide/05-paths-and-parametric.md#sub-paths-and-arcs)</figcaption>
</figure>

</div>

---

## Guide Highlights

<div class="compare-grid" markdown>

<figure markdown>
![Letter mosaic](../_images/recipes/typo-letter-mosaic.svg)
<figcaption markdown>[MONSTER Letter Mosaic](../recipes/05-typographic-art.md#letter-mosaic)</figcaption>
</figure>

<figure markdown>
![Constellation](../_images/guide/connections-constellation.svg)
<figcaption markdown>[Star Constellation](../guide/09-connections-and-anchors.md#creative-pattern-constellation)</figcaption>
</figure>

<figure markdown>
![Edge detection](../_images/guide/cells-edge-detection.svg)
<figcaption markdown>[Edge Detection](../guide/02-working-with-cells.md)</figcaption>
</figure>

</div>

---

## Home Page Art

<div class="compare-grid" markdown>

<figure markdown>
![Hero Mona Lisa](../_images/home/hero-mona-lisa.svg)
<figcaption markdown>[Hero Artwork](../index.md)</figcaption>
</figure>

<figure markdown>
![Hexagon pattern](../_images/home/snippet-hexagons.svg)
<figcaption markdown>[Hexagons](../index.md)</figcaption>
</figure>

<figure markdown>
![Star field](../_images/home/snippet-stars.svg)
<figcaption markdown>[Star Field](../index.md)</figcaption>
</figure>

</div>
