miniblog.

← Back to all posts
Apr 22, 2018 at 18:21
Understanding surprising JS syntax by visualising the parse tree:
JavaScript syntax tree visualization with Esprima
JavaScript syntax tree visualization with Esprima
One little feature I added to Esprima parser demo was syntax tree visualization (using YUI TreeView). While it is already possible to see the JSON version of the parsed AST, often a much more visual representation improves the syntax analysis workflow. It is also more educational. An example code that follows:

Related Posts

Apr 5, 2023 at 05:24
An incredible 7 minute demo of APL, going from constructing an array to visualising Conway's Game Of Life, built incrementally without loops or temporary variables: https://www.youtube.com/watch?v=a9xAKttWgP4
Mar 15, 2018 at 18:46
Visualising the execution of functional programming languages by stepping through a graphical AST representation:
Dan Ghica's Personal Blog: Copying vs. sharing in functional languages
Feb 10, 2018 at 18:56
Skalpel is a neat project for visualising type errors. Rather than showing where the type checker first found an issue, it highlights all the possible places you could fix the code to make it correct!
Photo