dashboards
Runnable example with syntax tree
An editable code block for a minimal language (numbers, strings, + - * /, let bindings and three functions) interpreted by a hand written lexer and recursive descent parser with no eval: it shows the result and the syntax tree it built, drawn as labelled nodes. Errors point at the exact line and column while the last valid tree stays dimmed, and a button walks the evaluation highlighting each node and the value it returns.
See it live and copy its promptWhat you can adjust
- Initial code
- Accent color
- Error color
- Node color
- Code font size
- Tree height
- Animation speed
- View
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
