diff --git a/playground/src/demo.editable.json b/playground/src/demo.editable.json
index 7f7de30..46c5925 100644
--- a/playground/src/demo.editable.json
+++ b/playground/src/demo.editable.json
@@ -25,6 +25,10 @@
 			"dataSrc": "{\r\n    \"root\": {\r\n        \"items\": [\r\n            {\r\n                \"text\": \"CompilationUnit\"\r\n            }\r\n        ],\r\n        \"isMarked\": false,\r\n        \"data\": {\r\n            \"position\": 0,\r\n            \"length\": 511\r\n        },\r\n        \"children\": [\r\n            {\r\n                \"items\": [\r\n                    {\r\n                        \"text\": \"UsingDirective\"\r\n                    }\r\n                ],\r\n                \"isMarked\": false,\r\n                \"data\": {\r\n                    \"position\": 0,\r\n                    \"length\": 13\r\n                },\r\n                \"children\": [\r\n                    {\r\n                        \"items\": [\r\n                            {\r\n                                \"text\": \"StaticKeyword\",\r\n                                \"emphasis\": \"style1\"\r\n                            },\r\n                            {\r\n                                \"text\": \": IdentifierName\"\r\n                            },\r\n                            {\r\n                                \"text\": \"System\",\r\n                                \"emphasis\": \"style2\"\r\n                            }\r\n                        ],\r\n                        \"isMarked\": false,\r\n                        \"data\": {\r\n                            \"position\": 6,\r\n                            \"length\": 6\r\n                        },\r\n                        \"children\": []\r\n                    }\r\n                ]\r\n            },\r\n            {\r\n                \"items\": [\r\n                    {\r\n                        \"text\": \"UsingDirective\"\r\n                    }\r\n                ],\r\n                \"isMarked\": false,\r\n                \"data\": {\r\n                    \"position\": 15,\r\n                    \"length\": 25\r\n                },\r\n                \"children\": [\r\n                    {\r\n                        \"items\": [\r\n                            {\r\n                                \"text\": \"StaticKeyword\",\r\n                                \"emphasis\": \"style1\"\r\n                            },\r\n                            {\r\n                                \"text\": \": QualifiedName\"\r\n                            }\r\n                        ],\r\n                        \"isMarked\": false,\r\n                        \"data\": {\r\n                            \"position\": 21,\r\n                            \"length\": 18\r\n                        },\r\n                        \"children\": [\r\n                            {\r\n                                \"items\": [\r\n                                    {\r\n                                        \"text\": \"Left\",\r\n                                        \"emphasis\": \"style1\"\r\n                                    },\r\n                                    {\r\n                                        \"text\": \": IdentifierName\"\r\n                                    },\r\n                                    {\r\n                                        \"text\": \"System\",\r\n                                        \"emphasis\": \"style2\"\r\n                                    }\r\n                                ],\r\n                                \"isMarked\": false,\r\n                                \"data\": {\r\n                                    \"position\": 21,\r\n                                    \"length\": 6\r\n                                },\r\n                                \"children\": []\r\n                            },\r\n                            {\r\n                                \"items\": [\r\n                                    {\r\n                                        \"text\": \"Right\",\r\n                                        \"emphasis\": \"style1\"\r\n                                    },\r\n                                    {\r\n                                        \"text\": \": IdentifierName\"\r\n                                    },\r\n                                    {\r\n                                        \"text\": \"Collections\",\r\n                                        \"emphasis\": \"style2\"\r\n                                    }\r\n                                ],\r\n                                \"isMarked\": true,\r\n                                \"data\": {\r\n                                    \"position\": 28,\r\n                                    \"length\": 11\r\n                                },\r\n                                \"children\": []\r\n                            }\r\n                        ]\r\n                    }\r\n                ]\r\n            },\r\n            {\r\n                \"items\": [\r\n                    {\r\n                        \"text\": \"UsingDirective\"\r\n                    }\r\n                ],\r\n                \"isMarked\": false,\r\n                \"data\": {\r\n                    \"position\": 42,\r\n                    \"length\": 18\r\n                },\r\n                \"children\": [\r\n                    {\r\n                        \"items\": [\r\n                            {\r\n                                \"text\": \"StaticKeyword\",\r\n                                \"emphasis\": \"style1\"\r\n                            },\r\n                            {\r\n                                \"text\": \": QualifiedName\"\r\n                            }\r\n                        ],\r\n                        \"isMarked\": false,\r\n                        \"data\": {\r\n                            \"position\": 48,\r\n                            \"length\": 11\r\n                        },\r\n                        \"children\": [\r\n                            {\r\n                                \"items\": [\r\n                                    {\r\n                                        \"text\": \"Left\",\r\n                                        \"emphasis\": \"style1\"\r\n                                    },\r\n                                    {\r\n                                        \"text\": \": IdentifierName\"\r\n                                    },\r\n                                    {\r\n                                        \"text\": \"System\",\r\n                                        \"emphasis\": \"style2\"\r\n                                    }\r\n                                ],\r\n                                \"isMarked\": false,\r\n                                \"data\": {\r\n                                    \"position\": 48,\r\n                                    \"length\": 6\r\n                                },\r\n                                \"children\": []\r\n                            },\r\n                            {\r\n                                \"items\": [\r\n                                    {\r\n                                        \"text\": \"Right\",\r\n                                        \"emphasis\": \"style1\"\r\n                                    },\r\n                                    {\r\n                                        \"text\": \": IdentifierName\"\r\n                                    },\r\n                                    {\r\n                                        \"text\": \"Linq\",\r\n                                        \"emphasis\": \"style2\"\r\n                                    }\r\n                                ],\r\n                                \"isMarked\": false,\r\n                                \"data\": {\r\n                                    \"position\": 55,\r\n                                    \"length\": 4\r\n                                },\r\n                                \"children\": []\r\n                            }\r\n                        ]\r\n                    }\r\n                ]\r\n            }\r\n        ]\r\n    },\r\n    \"kind\": {\r\n        \"tree\": true\r\n    }\r\n}",
 			"name": "Tree Visualizer"
 		},
+		{
+			"dataSrc": "{\r\n    \"kind\": {\r\n        \"text\": true,\r\n        \"tree\": true,\r\n        \"ast\": true\r\n    },\r\n    \"root\": {\r\n        \"items\": [\r\n            {\r\n                \"text\": \"root: \",\r\n                \"emphasis\": \"style1\"\r\n            },\r\n            {\r\n                \"text\": \"SourceFile\"\r\n            }\r\n        ],\r\n        \"children\": [\r\n            {\r\n                \"items\": [\r\n                    {\r\n                        \"text\": \"statements: \",\r\n                        \"emphasis\": \"style1\"\r\n                    },\r\n                    {\r\n                        \"text\": \"ClassDeclaration\"\r\n                    },\r\n                    {\r\n                        \"text\": \"Test1\",\r\n                        \"emphasis\": \"style3\"\r\n                    }\r\n                ],\r\n                \"children\": [\r\n                    {\r\n                        \"items\": [\r\n                            {\r\n                                \"text\": \"name: \",\r\n                                \"emphasis\": \"style1\"\r\n                            },\r\n                            {\r\n                                \"text\": \"Identifier\"\r\n                            },\r\n                            {\r\n                                \"text\": \"Test1\",\r\n                                \"emphasis\": \"style2\"\r\n                            },\r\n                            {\r\n                                \"text\": \"Test1\",\r\n                                \"emphasis\": \"style3\"\r\n                            }\r\n                        ],\r\n                        \"children\": [],\r\n                        \"segment\": \".name\",\r\n                        \"span\": {\r\n                            \"length\": 6,\r\n                            \"start\": 6\r\n                        },\r\n                        \"isMarked\": false\r\n                    },\r\n                    {\r\n                        \"items\": [\r\n                            {\r\n                                \"text\": \"members: \",\r\n                                \"emphasis\": \"style1\"\r\n                            },\r\n                            {\r\n                                \"text\": \"MethodDeclaration\"\r\n                            },\r\n                            {\r\n                                \"text\": \"(a: number) => void\",\r\n                                \"emphasis\": \"style3\"\r\n                            }\r\n                        ],\r\n                        \"children\": [\r\n                            {\r\n                                \"items\": [\r\n                                    {\r\n                                        \"text\": \"modifiers: \",\r\n                                        \"emphasis\": \"style1\"\r\n                                    },\r\n                                    {\r\n                                        \"text\": \"PublicKeyword\"\r\n                                    },\r\n                                    {\r\n                                        \"text\": \"any\",\r\n                                        \"emphasis\": \"style3\"\r\n                                    }\r\n                                ],\r\n                                \"children\": [],\r\n                                \"segment\": \".modifiers\",\r\n                                \"span\": {\r\n                                    \"length\": 8,\r\n                                    \"start\": 14\r\n                                },\r\n                                \"isMarked\": false\r\n                            },\r\n                            {\r\n                                \"items\": [\r\n                                    {\r\n                                        \"text\": \"name: \",\r\n                                        \"emphasis\": \"style1\"\r\n                                    },\r\n                                    {\r\n                                        \"text\": \"Identifier\"\r\n                                    },\r\n                                    {\r\n                                        \"text\": \"foo\",\r\n                                        \"emphasis\": \"style2\"\r\n                                    },\r\n                                    {\r\n                                        \"text\": \"(a: number) => void\",\r\n                                        \"emphasis\": \"style3\"\r\n                                    }\r\n                                ],\r\n                                \"children\": [],\r\n                                \"segment\": \".name\",\r\n                                \"span\": {\r\n                                    \"length\": 4,\r\n                                    \"start\": 22\r\n                                },\r\n                                \"isMarked\": false\r\n                            },\r\n                            {\r\n                                \"items\": [\r\n                                    {\r\n                                        \"text\": \"parameters: \",\r\n                                        \"emphasis\": \"style1\"\r\n                                    },\r\n                                    {\r\n                                        \"text\": \"Parameter\"\r\n                                    },\r\n                                    {\r\n                                        \"text\": \"number\",\r\n                                        \"emphasis\": \"style3\"\r\n                                    }\r\n                                ],\r\n                                \"children\": [\r\n                                    {\r\n                                        \"items\": [\r\n                                            {\r\n                                                \"text\": \"name: \",\r\n                                                \"emphasis\": \"style1\"\r\n                                            },\r\n                                            {\r\n                                                \"text\": \"Identifier\"\r\n                                            },\r\n                                            {\r\n                                                \"text\": \"a\",\r\n                                                \"emphasis\": \"style2\"\r\n                                            },\r\n                                            {\r\n                                                \"text\": \"number\",\r\n                                                \"emphasis\": \"style3\"\r\n                                            }\r\n                                        ],\r\n                                        \"children\": [],\r\n                                        \"segment\": \".name\",\r\n                                        \"span\": {\r\n                                            \"length\": 1,\r\n                                            \"start\": 27\r\n                                        },\r\n                                        \"isMarked\": false\r\n                                    },\r\n                                    {\r\n                                        \"items\": [\r\n                                            {\r\n                                                \"text\": \"type: \",\r\n                                                \"emphasis\": \"style1\"\r\n                                            },\r\n                                            {\r\n                                                \"text\": \"NumberKeyword\"\r\n                                            },\r\n                                            {\r\n                                                \"text\": \"number\",\r\n                                                \"emphasis\": \"style3\"\r\n                                            }\r\n                                        ],\r\n                                        \"children\": [],\r\n                                        \"segment\": \".type\",\r\n                                        \"span\": {\r\n                                            \"length\": 7,\r\n                                            \"start\": 29\r\n                                        },\r\n                                        \"isMarked\": false\r\n                                    }\r\n                                ],\r\n                                \"segment\": \".parameters\",\r\n                                \"span\": {\r\n                                    \"length\": 9,\r\n                                    \"start\": 27\r\n                                },\r\n                                \"isMarked\": false\r\n                            },\r\n                            {\r\n                                \"items\": [\r\n                                    {\r\n                                        \"text\": \"body: \",\r\n                                        \"emphasis\": \"style1\"\r\n                                    },\r\n                                    {\r\n                                        \"text\": \"Block\"\r\n                                    },\r\n                                    {\r\n                                        \"text\": \"any\",\r\n                                        \"emphasis\": \"style3\"\r\n                                    }\r\n                                ],\r\n                                \"children\": [\r\n                                    {\r\n                                        \"items\": [\r\n                                            {\r\n                                                \"text\": \"statements: \",\r\n                                                \"emphasis\": \"style1\"\r\n                                            },\r\n                                            {\r\n                                                \"text\": \"VariableStatement\"\r\n                                            },\r\n                                            {\r\n                                                \"text\": \"any\",\r\n                                                \"emphasis\": \"style3\"\r\n                                            }\r\n                                        ],\r\n                                        \"children\": [\r\n                                            {\r\n                                                \"items\": [\r\n                                                    {\r\n                                                        \"text\": \"declarationList: \",\r\n                                                        \"emphasis\": \"style1\"\r\n                                                    },\r\n                                                    {\r\n                                                        \"text\": \"VariableDeclarationList\"\r\n                                                    },\r\n                                                    {\r\n                                                        \"text\": \"any\",\r\n                                                        \"emphasis\": \"style3\"\r\n                                                    }\r\n                                                ],\r\n                                                \"children\": [\r\n                                                    {\r\n                                                        \"items\": [\r\n                                                            {\r\n                                                                \"text\": \"declarations: \",\r\n                                                                \"emphasis\": \"style1\"\r\n                                                            },\r\n                                                            {\r\n                                                                \"text\": \"VariableDeclaration\"\r\n                                                            },\r\n                                                            {\r\n                                                                \"text\": \"{ a: number; }\",\r\n                                                                \"emphasis\": \"style3\"\r\n                                                            }\r\n                                                        ],\r\n                                                        \"children\": [\r\n                                                            {\r\n                                                                \"items\": [\r\n                                                                    {\r\n                                                                        \"text\": \"name: \",\r\n                                                                        \"emphasis\": \"style1\"\r\n                                                                    },\r\n                                                                    {\r\n                                                                        \"text\": \"Identifier\"\r\n                                                                    },\r\n                                                                    {\r\n                                                                        \"text\": \"x\",\r\n                                                                        \"emphasis\": \"style2\"\r\n                                                                    },\r\n                                                                    {\r\n                                                                        \"text\": \"{ a: number; }\",\r\n                                                                        \"emphasis\": \"style3\"\r\n                                                                    }\r\n                                                                ],\r\n                                                                \"children\": [],\r\n                                                                \"segment\": \".name\",\r\n                                                                \"span\": {\r\n                                                                    \"length\": 2,\r\n                                                                    \"start\": 47\r\n                                                                },\r\n                                                                \"isMarked\": false\r\n                                                            },\r\n                                                            {\r\n                                                                \"items\": [\r\n                                                                    {\r\n                                                                        \"text\": \"initializer: \",\r\n                                                                        \"emphasis\": \"style1\"\r\n                                                                    },\r\n                                                                    {\r\n                                                                        \"text\": \"ObjectLiteralExpression\"\r\n                                                                    },\r\n                                                                    {\r\n                                                                        \"text\": \"{ a: number; }\",\r\n                                                                        \"emphasis\": \"style3\"\r\n                                                                    }\r\n                                                                ],\r\n                                                                \"children\": [\r\n                                                                    {\r\n                                                                        \"items\": [\r\n                                                                            {\r\n                                                                                \"text\": \"properties: \",\r\n                                                                                \"emphasis\": \"style1\"\r\n                                                                            },\r\n                                                                            {\r\n                                                                                \"text\": \"PropertyAssignment\"\r\n                                                                            },\r\n                                                                            {\r\n                                                                                \"text\": \"number\",\r\n                                                                                \"emphasis\": \"style3\"\r\n                                                                            }\r\n                                                                        ],\r\n                                                                        \"children\": [\r\n                                                                            {\r\n                                                                                \"items\": [\r\n                                                                                    {\r\n                                                                                        \"text\": \"name: \",\r\n                                                                                        \"emphasis\": \"style1\"\r\n                                                                                    },\r\n                                                                                    {\r\n                                                                                        \"text\": \"Identifier\"\r\n                                                                                    },\r\n                                                                                    {\r\n                                                                                        \"text\": \"a\",\r\n                                                                                        \"emphasis\": \"style2\"\r\n                                                                                    },\r\n                                                                                    {\r\n                                                                                        \"text\": \"number\",\r\n                                                                                        \"emphasis\": \"style3\"\r\n                                                                                    }\r\n                                                                                ],\r\n                                                                                \"children\": [],\r\n                                                                                \"segment\": \".name\",\r\n                                                                                \"span\": {\r\n                                                                                    \"length\": 2,\r\n                                                                                    \"start\": 53\r\n                                                                                },\r\n                                                                                \"isMarked\": false\r\n                                                                            },\r\n                                                                            {\r\n                                                                                \"items\": [\r\n                                                                                    {\r\n                                                                                        \"text\": \"initializer: \",\r\n                                                                                        \"emphasis\": \"style1\"\r\n                                                                                    },\r\n                                                                                    {\r\n                                                                                        \"text\": \"FirstLiteralToken\"\r\n                                                                                    },\r\n                                                                                    {\r\n                                                                                        \"text\": \"5\",\r\n                                                                                        \"emphasis\": \"style2\"\r\n                                                                                    },\r\n                                                                                    {\r\n                                                                                        \"text\": \"5\",\r\n                                                                                        \"emphasis\": \"style3\"\r\n                                                                                    }\r\n                                                                                ],\r\n                                                                                \"children\": [],\r\n                                                                                \"segment\": \".initializer\",\r\n                                                                                \"span\": {\r\n                                                                                    \"length\": 2,\r\n                                                                                    \"start\": 56\r\n                                                                                },\r\n                                                                                \"isMarked\": false\r\n                                                                            }\r\n                                                                        ],\r\n                                                                        \"segment\": \".properties\",\r\n                                                                        \"span\": {\r\n                                                                            \"length\": 5,\r\n                                                                            \"start\": 53\r\n                                                                        },\r\n                                                                        \"isMarked\": false\r\n                                                                    }\r\n                                                                ],\r\n                                                                \"segment\": \".initializer\",\r\n                                                                \"span\": {\r\n                                                                    \"length\": 9,\r\n                                                                    \"start\": 51\r\n                                                                },\r\n                                                                \"isMarked\": false\r\n                                                            }\r\n                                                        ],\r\n                                                        \"segment\": \".declarations\",\r\n                                                        \"span\": {\r\n                                                            \"length\": 13,\r\n                                                            \"start\": 47\r\n                                                        },\r\n                                                        \"isMarked\": false\r\n                                                    }\r\n                                                ],\r\n                                                \"segment\": \".declarationList\",\r\n                                                \"span\": {\r\n                                                    \"length\": 21,\r\n                                                    \"start\": 39\r\n                                                },\r\n                                                \"isMarked\": false\r\n                                            }\r\n                                        ],\r\n                                        \"segment\": \".statements\",\r\n                                        \"span\": {\r\n                                            \"length\": 22,\r\n                                            \"start\": 39\r\n                                        },\r\n                                        \"isMarked\": false\r\n                                    }\r\n                                ],\r\n                                \"segment\": \".body\",\r\n                                \"span\": {\r\n                                    \"length\": 27,\r\n                                    \"start\": 37\r\n                                },\r\n                                \"isMarked\": false\r\n                            }\r\n                        ],\r\n                        \"segment\": \".members\",\r\n                        \"span\": {\r\n                            \"length\": 50,\r\n                            \"start\": 14\r\n                        },\r\n                        \"isMarked\": false\r\n                    }\r\n                ],\r\n                \"segment\": \".statements\",\r\n                \"span\": {\r\n                    \"length\": 66,\r\n                    \"start\": 0\r\n                },\r\n                \"isMarked\": false\r\n            },\r\n            {\r\n                \"items\": [\r\n                    {\r\n                        \"text\": \"endOfFileToken: \",\r\n                        \"emphasis\": \"style1\"\r\n                    },\r\n                    {\r\n                        \"text\": \"EndOfFileToken\"\r\n                    },\r\n                    {\r\n                        \"text\": \"any\",\r\n                        \"emphasis\": \"style3\"\r\n                    }\r\n                ],\r\n                \"children\": [],\r\n                \"segment\": \".endOfFileToken\",\r\n                \"span\": {\r\n                    \"length\": 1,\r\n                    \"start\": 66\r\n                },\r\n                \"isMarked\": false\r\n            }\r\n        ],\r\n        \"segment\": \"\",\r\n        \"span\": {\r\n            \"length\": 67,\r\n            \"start\": 0\r\n        },\r\n        \"isMarked\": true\r\n    },\r\n    \"text\": \"\\nclass Test1 {\\n\\tpublic foo(a: number) {\\n\\t\\tconst x = { a: 5 };\\n\\t}\\n}\\n\",\r\n    \"fileName\": \"index.ts\"\r\n}",
+			"name": "AST Visualizer"
+		},
 		{
 			"dataSrc": "{\r\n    \"kind\": { \"grid\": true },\r\n    \"text\": \"test\",\r\n    \"columnLabels\": [\r\n        {\r\n            \"label\": \"test\"\r\n        }\r\n    ],\r\n    \"rows\": [\r\n        {\r\n            \"label\": \"foo\",\r\n            \"columns\": [\r\n                {\r\n                    \"content\": \"a\",\r\n                    \"tag\": \"a\"\r\n                },\r\n                {\r\n                    \"content\": \"b\",\r\n                    \"tag\": \"b\"\r\n                }\r\n            ]\r\n        }\r\n    ]\r\n}",
 			"name": "Grid Visualizer"
@@ -49,7 +53,7 @@
 		}
 	],
 	"x-editable": {
-		"defaultUrl": "http://localhost:8080/?editor",
+		"defaultUrl": "http://localhost:8081/?editor",
 		"kind": "visualization-playground"
 	}
 }