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 degree.
In milliseconds.
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.