L-system / Lindenmayer system

This is a basic JavaScript implementation of an L-System. Choose a preset or define your own variables and rules.

Choose preset

Custom L-System

Single letters or symbols without spaces or commas in between.

Single letters or symbols without spaces or commas in between.

The initial value, used as is.

Left side is a variable, right the replacement; used constants stay as they are.
Drawing options
In milliseconds.
In degree.
In percentage of canvas.
In pixel.
In percentage of canvas; leave empty to center.
In percentage of canvas; leave empty to center.
In percentage of canvas; leave empty to center.