web-dev-qa-db-ja.com

階層データを表示する方法

本当のui javascriptライブラリが欲しかった!

Webページにいくつかの階層データを表示する必要があります。 notは古典的なツリービューである必要がありますテキストアイテムを含む。グラフィカル実装を探していますが、最小限の対話性が必要です。現在のアイテムとその親とすべての子を表示し、親(または子アイテム)をクリックして、アニメーション後にこのアイテム(親、子)を表示します

このライブラリは存在しますが、見つかりません。

Here is it

3
igor

Googleで 「javascriptビジュアル化ライブラリ」の検索 を検討してください。いくつかの有望な結果:

  • John Resigの processing.js -おそらく自分で特定の視覚化を作成する必要があります
  • Javascript InfoVisツールキット -質問で説明したように階層を表すインタラクティブツリーマップの例については、デモページを確認してください。
  • protovis -ここには多くの優れた例がありますが、残念ながらあなたの提案とまったく同じ例はありません

それらがお役に立てば幸いです。ライブラリを検索するときは、「情報の視覚化」という用語を使用することをお勧めします。多分それはあなたがあなたが考えている図書館を見つけるのを助けるでしょう。

6
Rahul

Zooming User Interface ?その場合は Zoomooz.js を試すことができます。

4
Max Steenbergen

うーん...これはおそらくあなたの質問に直接答えることはありませんが、これは役立つかもしれません:
JSONデータからHTMLを生成するシンプルで高速なテンプレートツール

3
Dan Barak

最小限の対話では、 http://www.graphviz.org/ を使用して、画像、SVG、または同様の出力を生成することもできます。残念ながら、ほとんどのJavaScriptソリューションで使用されている「キャンバス」オブジェクトは印刷できません。

2
ericslaw

私はあなたが図書館を探しているのを知っていますが、まず最初に。これはあなたが望んでいるUIですか?

hierarchy w/o a tree

0
CSSian