Render albero di sintassi linguistica browser

Question

L'ingresso è uno:

(1) una rappresentazione parentesi di un albero con nodi interni etichettati come:

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

con uscita:

(Se le linee sono tratteggiate e se la didascalia è presente non sono significative.)

Oppure l'ingresso potrebbe essere:

(2) uno staffaggio di parole senza etichette Es:

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

con uscita come sopra (senza etichette interne questa volta, solo la struttura ad albero).

Un altro componente dell'ingresso è se l'albero è etichettato come in (1) o non marcato come in (2).

---

La mia domanda: Qual è il modo migliore (più veloce tempo di sviluppo) per rendere questi alberi nel browser in JavaScript? Tutto dovrebbe succedere dal lato del cliente.

Sto immaginando una semplice interfaccia con solo una casella di testo (e un pulsante di opzione che specifica se si tratta di un albero etichettato o meno), che, una volta modificata, attiva un albero per il rendering (se l'input non ha alcuna sintassi errori).

Answer 1

In realtà non è una libreria lato server per convertire la rappresentazione tra parentesi in albero, phpsyntaxtree.
È possibile reimplementare utilizzando javascript libreria grafica come jsdraw2d o rotolare su JavaScript utilizzando HTML5 canvas.

10 Best Javascript Drawing and Canvas Libraries

Answer 2

io non sono sicuro di quello che la politica è per l'auto-spine su StackOverflow. Mi scuso se questo infrange le regole.

Hai visto la mia soluzione per questo? mshang.ca/syntree

Non è esattamente quello che vuoi, ma sei libero di rubare il code se ti aiuta.