SVG Pattern Generator

Phyllotaxis Bloom

The sunflower spiral, and what happens either side of it.

900 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

  • PhyllotaxisBloomRADIAL · ORGANIC
    Portrait — inset plate
  • PhyllotaxisBloomRADIAL · ORGANIC
    Portrait — full bleed
  • PhyllotaxisBloomRADIAL · ORGANIC
    Landscape — split
  • Phyllotaxis BloomRADIAL · ORGANIC
    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

Each dot is placed one fixed angle further round than the last, at a radius growing as the square root of its index — the square root is what keeps the density even instead of crowding the rim. At 137.507°, the golden angle, no two dots ever fall on the same ray and the packing is as tight as it can be; the arcs your eye picks out are Fibonacci numbers of dots, which is why sunflowers and pinecones count the way they do. The interesting part is the neighbourhood: a hundredth of a degree either side and the spiral arms unwind into coarse spokes.