Визуализация лингвистического синтаксического дерева в браузере

Ввод: либо:

(1) представление дерева в квадратных скобках с помеченными внутренними узлами, такими как :

(S (N John) (VP (V hit) (NP (D the) (N ball))))

с выводом:

(Неважно, пунктирные линии и присутствует ли заголовок.)

Или входными данными могут быть:

(2) скобки для слов без меток, например:

((John) ((hit) ((the) (ball))))

с выходными данными, как указано выше (на этот раз без внутренних меток, только древовидная структура).

Другим компонентом входных данных является то, помечено ли дерево, как в (1), или не помечено, как в (2).

]Мой вопрос: Каков наилучший способ (самое быстрое время разработки) для отображения этих деревьев в браузере в javascript? Все должно происходить на стороне клиента.

Я представляю себе простой интерфейс только с текстовым полем ( и переключатель, указанный независимо от того, является ли это помеченным деревом или нет), которое при изменении запускает отображение дерева (если входные данные не содержат синтаксических ошибок).