web-dev-qa-db-fra.com

Comment afficher les données hiérarchiques

Une vraie bibliothèque ji Javascript ui voulait!

Je dois afficher des données hiérarchiques sur la page Web. Il devrait pas être une vue d'arbre classique avec les éléments de texte. Je recherche une implémentation graphique et elle devrait avoir une interactivité minimale: je veux voir l'élément actuel et son parent et tous les enfants, puis je clique sur le parent (ou l'élément enfant) et après l'animation je verrai cet élément (parent, enfants)

Cette bibliothèque existe, mais je ne la trouve pas.

Here is it

3
igor

Considérez ne recherche de "bibliothèque de visualisation javascript" sur Google. Plusieurs résultats prometteurs:

  • John Resig's processing.js - vous devrez probablement écrire votre visualisation spécifique vous-même
  • Javascript InfoVis toolkit - consultez la page de démonstration pour quelques exemples de cartes d'arbres interactives, qui représentent des hiérarchies comme vous l'avez décrit dans votre question
  • protovis - beaucoup d'excellents exemples ici, bien que malheureusement aucun des exemples ne ressemble exactement à votre proposition

J'espère que ces aides. Vous voulez certainement utiliser le terme "visualisation d'informations" lorsque vous recherchez des bibliothèques. Cela vous aidera peut-être à trouver la bibliothèque à laquelle vous pensez.

6
Rahul

Quelque chose comme un Zooming User Interface ? Vous pouvez essayer Zoomooz.js dans ce cas.

4
Max Steenbergen

Hmmm ... cela ne répond probablement pas directement à votre question, mais cela pourrait aider:
Outil de modélisation simple et rapide pour générer du HTML à partir de données JSON

3
Dan Barak

pour une interaction minimale, vous pouvez également utiliser http://www.graphviz.org/ et générer une image, un SVG ou une sortie similaire. Hélas, l'objet 'canvas' utilisé par la plupart des solutions javascript n'est pas imprimable.

2
ericslaw

Je sais que vous cherchez une bibliothèque, mais tout d'abord. Est-ce l'interface utilisateur que vous désirez?

hierarchy w/o a tree

0
CSSian