SVG Pattern Generator

Voronoi Cells

Every point belongs to whichever site is nearest.

120 shapes · 1000 × 1000 viewBox

Colour

Leaves the backdrop unpainted so the pattern drops onto any surface. Ridgeline and Iso Cube Grid still paint the colour above, because it is what hides the shapes behind them.

Presets
Shape

See it in use

  • Voronoi CellsORGANIC · PHYSICS
    Portrait — inset plate
  • Voronoi CellsORGANIC · PHYSICS
    Portrait — full bleed
  • VoronoiCellsORGANIC · PHYSICS
    Landscape — split
  • Voronoi CellsORGANIC · PHYSICS
    Landscape — band

As a website background

Infrastructure that gets out of the way

A worked example — your pattern, sitting behind real page furniture.

Start building

How it works

Scatter some sites, then give every point on the sheet to the one closest to it. The boundaries that fall out are the perpendicular bisectors between neighbouring sites, which is why the cells meet at flat walls and three-way junctions rather than anything softer. Relaxation moves each site to the centre of its own cell and starts again; a few passes is the difference between a field that looks like noise and one that looks like it grew. It is the same partition that describes a giraffe’s markings, a dried lake bed and the catchment of a set of shops.