Relaxed Voronoi
What this grid is
A Relaxed Voronoi grid partitions the plane into irregular cells around seed points. Each cell contains the region closest to its seed. “Relaxed” means the seeds are iteratively moved toward their cell centroids, producing a cleaner, more even cellular pattern. The result feels organic, like cracked clay, foam, or natural stone.
Key parameters
- Width / Height (px) — Output canvas size; larger sizes give more room for detail.
- Sites — Number of seed points; more sites creates smaller, finer cells.
- Relax Iterations — How many centroid-relax steps to apply; 2–3 often looks clean without becoming too regular.
- Jitter (%) — Randomness in seed placement; higher jitter looks more natural, lower jitter looks more uniform.
- Seed — Random seed for repeatable results.
- Line Width / Opacity / Color — Edge styling for the cell boundaries.
- Show Sites — Optional dots to visualize the seed points (useful for debugging or design accents).
Unique highlights
- Controlled “organic”: relaxation reduces ugly skinny cells while keeping the natural irregular look.
- Fully tileable-looking textures are easy by choosing square canvases and consistent styling.
- The same structure can read as “technical” (thin, light lines) or “handmade” (thicker, darker lines).
Typical use cases
- Background textures for posters, packaging, and UI surfaces.
- Stylized map/terrain fills (cellular land patterns, mosaic looks).
- Generative art bases for color fills or stroke effects.
- Diagram backdrops that should avoid rigid grid geometry.
- “Crackle” overlays for distressed or vintage effects.
Tips
- Start with 2 relax iterations and adjust Sites until cell size feels right.
- If cells look too irregular, increase Relax Iterations or reduce Jitter.
- If output is heavy, reduce Sites or use thinner strokes to keep SVG simpler.
- Turning on Show Sites helps explain the structure, but turn it off for final art.
FAQ
Is this a triangulation?
No; Voronoi cells are polygons around seeds, though Voronoi is related to Delaunay triangulation.
What does “relaxation” change visually?
It evens out cell sizes and reduces long, skinny artifacts.
How do I make the pattern more uniform?
Use more relax iterations and lower jitter.
How do I make it more natural?
Use higher jitter and fewer relax iterations.
Why do very high site counts slow down?
More sites means more edges and more geometry to compute and export.