-1

私は HTML5 と Javascript の初心者ですが、それらを使用して視覚化する必要があります。

これが私のドメイン/問題です:

  1. グラフ ノードの大規模なセットを視覚化する必要があります。視覚的に、ノードは色と透明度を備えたサイクルになる可能性があります。

  2. includeとinteractの 2 つの関係があります。

  3. include1 つのノードが他の異なるタイプのノードを含むことを意味します。視覚的には、ユーザーは大きなノードの中に小さなノードが含まれているのを見ることができます。

  4. interact単純に、線が異なるノードを接続することを意味します。線には、矢印、ラベル (テキスト)、および太さが必要です。

  5. 効果については、ノードが静的ではないなどのアニメーションが必要ですが、一部のノードには浮遊するアニメーションが必要です (中央の場所の周りの少量の定期的な浮遊移動)。または、一部のノードに呼吸のようなパルス効果が必要です。

  6. ユーザーはいくつかのノードをドラッグできます。ノードをドラッグすると、接続されているすべてのノード/グラフが接続に従って移動するはずです。

  7. 衝突を自動検出する必要があります。また、衝突が発生した場合、すべてのノードは適切に分散するためにいくつかのアルゴリズムに従う必要があります。

ここに私の質問があります：

  1. どの Canvas ライブラリを使用すればよいですか? とにかく私は初心者なので、私のニーズに合った素敵でシンプルなものが最適です.

  2. 浮遊アニメーションとパルス (呼吸) アニメーションを実行するには、どのアルゴリズムを探す必要がありますか?

  3. ノードをドラッグすると、接続されたすべてのノードが蛇のように追従するためにどのアルゴリズムを使用すればよいですか?

  4. 衝突と分散にはどのアルゴリズムを使用すればよいですか?

ありがとう

4

1 に答える 1