Come visualizzare i dati gerarchici
Qualche vera libreria ui javascript voleva!
Devo visualizzare alcuni dati gerarchici sulla pagina web. Dovrebbe non essere una classica visualizzazione ad albero con gli elementi di testo. Sto cercando un'implementazione grafica e dovrebbe avere un'interattività minima: voglio vedere l'elemento corrente, il suo genitore e tutti i figli, quindi faccio clic sul genitore (o sull'elemento figlio) e dopo l'animazione vedrò questo elemento (genitore, figli)
Questa libreria esiste, ma non riesco a trovarla.
Considera na ricerca per "libreria di visualizzazione javascript" su Google. Diversi risultati promettenti:
- processing.js di John Resig probabilmente dovrai scrivere tu stesso la tua visualizzazione specifica
- Javascript InfoVis toolkit - controlla la pagina delle demo per alcuni esempi di mappe ad albero interattive, che rappresentano le gerarchie come descritto nella tua domanda
- protovis - molti ottimi esempi qui, sebbene sfortunatamente nessuno degli esempi assomigli esattamente alla tua proposta
Spero che aiutino. Sicuramente vuoi usare il termine "visualizzazione delle informazioni" quando cerchi le librerie. Forse questo ti aiuterà a trovare la biblioteca a cui stai pensando.
Qualcosa di simile a Zoom User Interface ? In questo caso puoi provare Zoomooz.js .
Hmmm ... questo probabilmente non risponde direttamente alla tua domanda, ma questo potrebbe aiutare:
strumento di template semplice e veloce per generare HTML da dati JSON
per un'interazione minima, puoi anche usare http://www.graphviz.org/ e generare un'immagine, un SVG o un output simile. Purtroppo, l'oggetto 'canvas' utilizzato dalla maggior parte delle soluzioni javascript non è stampabile.
So che stai cercando una biblioteca, ma prima le prime cose. È questa l'interfaccia utente che desideri?
