デモの使い方

反発力とバネ力でノードが自動レイアウトされる力学グラフを、ドラッグでノードを動かしながら確認できるデモです。

力学グラフ ネットワーク可視化 ドラッグ操作

操作手順

  1. 「Drag nodes to interact」のとおり自動レイアウトされるノードをドラッグして動かす
  2. ノード同士の反発とリンクのバネ力で全体が再配置される様子を観察する
  3. 離したノードが釣り合う位置へ戻る自動レイアウトを確認する

活用シーン

  • ネットワーク図の自動レイアウト実装の学習
  • 組織図や関係図の可視化の参考実装
  • 力学モデル(反発・バネ・減衰)の教材
Drag nodes to interact