it-swarm-eu.dev

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.

Here is it

3
igor

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.

6
Rahul

Qualcosa di simile a Zoom User Interface ? In questo caso puoi provare Zoomooz.js .

4
Max Steenbergen

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

3
Dan Barak

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.

2
ericslaw

So che stai cercando una biblioteca, ma prima le prime cose. È questa l'interfaccia utente che desideri?

hierarchy w/o a tree

0
CSSian