So zeigen Sie die hierarchischen Daten an
Einige echte UI-Javascript-Bibliothek gesucht!
Ich muss einige hierarchische Daten auf der Webseite anzeigen. Es sollte nicht eine klassische Baumansicht sein mit den Textelementen. Ich suche nach einer grafischen Implementierung und sie sollte nur eine minimale Interaktivität aufweisen: Ich möchte das aktuelle Element und sein übergeordnetes Element sowie alle untergeordneten Elemente anzeigen. Dann klicke ich auf übergeordnetes Element (oder untergeordnetes Element) und nach der Animation wird dieses Element (übergeordnetes Element, untergeordnete Elemente) angezeigt.
Diese Bibliothek existiert, aber ich kann sie nicht finden.
Betrachten Sie eine Suche nach "Javascript Visualization Library" bei Google. Mehrere vielversprechende Ergebnisse:
- John Resigs process.js - Sie müssen Ihre spezifische Visualisierung wahrscheinlich selbst schreiben
- das Javascript InfoVis Toolkit - Auf der Demoseite finden Sie einige Beispiele für interaktive Baumkarten, die Hierarchien darstellen, wie Sie sie in Ihrer Frage beschrieben haben
- protovis - viele gute Beispiele hier, obwohl leider keines der Beispiele genau so aussieht wie Ihr Vorschlag
Hoffe diese Hilfe. Sie möchten auf jeden Fall den Begriff "Informationsvisualisierung" bei der Suche nach Bibliotheken verwenden. Vielleicht hilft Ihnen das, die Bibliothek zu finden, an die Sie denken.
So etwas wie ein Zooming User Interface ? Sie könnten in diesem Fall Zoomooz.js versuchen.
Hmmm ... das beantwortet Ihre Frage wahrscheinlich nicht direkt, aber das könnte helfen:
Einfaches und schnelles Template-Tool zum Generieren von HTML aus JSON-Daten
für eine minimale Interaktion können Sie auch http://www.graphviz.org/ verwenden und ein Bild, eine SVG oder eine ähnliche Ausgabe generieren. Leider ist das von den meisten Javascript-Lösungen verwendete Canvas-Objekt nicht druckbar.
Ich weiß, dass Sie nach einer Bibliothek suchen, aber das Wichtigste zuerst. Ist dies die Benutzeroberfläche, die Sie wünschen?
