About this sample

Click the button to parse a JavaScript code snippet and arrange it using the FlowchartLayout algorithm. Both views can be zoomed via the mouse wheel. The sample uses the acorn js library for parsing the JavaScript code and walking the syntax tree.


Code Syntax Tree

This page requires a browser that supports HTML 5 Canvas element.

Code Flowchart

This page requires a browser that supports HTML 5 Canvas element.