Home▸Algorithms & AI▸Compiler Pipeline: Lexer, Parser & AST (2D)

⚙️ Compiler Pipeline: Lexer, Parser & AST (2D)

A 2D Canvas companion to the Compiler Pipeline simulation: type an arithmetic expression, tokenize it with a real lexer, parse it with a recursive-descent parser into an AST, and evaluate it — with a live token-stream strip and AST tree diagram.

Algorithms & AI2DModerate60 FPS📱 Mobile-adapted⇄ 3D version

⚙ Under the hood

Type an arithmetic expression and watch a real lexer tokenize it, a recursive-descent parser build an abstract syntax tree, and the expression get evaluated. Live token stream, animated AST diagram and result all update as you type.

compilerlexerparserabstract-syntax-treealgorithmsrecursive-descent

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install