it-swarm-eu.dev

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.

Here is it

3
igor

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.

6
Rahul

So etwas wie ein Zooming User Interface ? Sie könnten in diesem Fall Zoomooz.js versuchen.

4
Max Steenbergen

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

3
Dan Barak

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.

2
ericslaw

Ich weiß, dass Sie nach einer Bibliothek suchen, aber das Wichtigste zuerst. Ist dies die Benutzeroberfläche, die Sie wünschen?

hierarchy w/o a tree

0
CSSian