0

私の Web サイトには 3 つのレベルがあります。現在のところ、ナビゲーションは次のとおりです。

First : 1  : 90: (link)
             95: 281: (link)
                 139: (link)
        2  : (link)
        3  : 12: 124: (link)
        4  : (link)

Second: 5  : (link)
Others..

私が望んでいたことを達成するために私が見つけた最良の例は、http://arborjs.org/のメインページでした: すぐに最初のレベルだけが表示され、マウスをホバーすると次のレベルがポップアップします。ただし、Chrome でのみ良好なパフォーマンスが得られ、他のブラウザーでは動作しません..

データの量は多くありません (最大で 4^3 ノード) が、十分に機能するソリューションが見つかりません。

4

1 に答える 1

0

これは、css3 を介したドロップダウン メニューと同様に実行できると思います。有向グラフの css3 実装は見つかりませんでしたが、JavaScript で次のライブラリを見つけました。

  • D3 : D3.js は、データに基づいてドキュメントを操作するための JavaScript ライブラリです。D3 は、HTML、SVG、および CSS を使用してデータに命を吹き込むのに役立ちます。D3 は Web 標準に重点を置いているため、強力な視覚化コンポーネントと DOM 操作へのデータ駆動型アプローチを組み合わせて、独自のフレームワークに縛られることなく、最新のブラウザーの全機能を利用できます。
  • Processing.js : Processing.js は、Web 用に設計された、人気のあるビジュアル プログラミング言語である Processing の姉妹プロジェクトです。Processing.js を使用すると、データの視覚化、デジタル アート、インタラクティブなアニメーション、教育用グラフ、ビデオ ゲームなどを、プラグインなしで Web 標準を使用して機能させることができます。Processing 言語を使用してコードを記述し、それを Web ページに含めると、あとは Processing.js が処理します。それは魔法ではありませんが、ほとんどです。
于 2013-02-23T23:30:52.263 に答える