SVG Pattern Generator

Node Garden

Scattered points, joined wherever two fall close enough.

1,083 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

  • Node GardenORGANIC · PHYSICS
    Portrait — inset plate
  • Node GardenORGANIC · PHYSICS
    Portrait — full bleed
  • Node GardenORGANIC · PHYSICS
    Landscape — split
  • Node GardenORGANIC · 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

Points are scattered at random and then pushed apart for a few passes, each one nudged directly away from any neighbour that crowded it — a cheap relaxation that turns a clumpy random scatter into an even one without ever putting the points on a grid. Then every pair closer than the link radius is joined. The radius is the whole drawing: below the percolation threshold the sheet is islands, above it one connected web appears almost at once, and the transition happens across a surprisingly narrow band.