コンテンツにスキップ

強制レイアウトグラフ

強制レイアウト グラフ 視覚化は、相互接続されたデータを動的かつ魅力的に表現したものです。力指向のレイアウト アルゴリズムを使用して、データセット内のエンティティ間の関係を視覚的に伝えます。

強制レイアウトグラフのデータ構造

Section titled “強制レイアウトグラフのデータ構造”

強制レイアウト グラフを表すには、次の NodeLinkData インターフェイスを使用できます。

type Node = with_optional_properties & {
name: string;
category: string;
labels?: Label[];
}
type Link = with_optional_properties & {
source: string;
target: string;
value: number;
}
type NodeLinkData = {
nodes: Node[];
links: Link[];
}
  • name: ノードの一意の識別子。
  • category: ノードを特定のグループまたはクラスターに分類します。
  • source: リンクのソース ノードを識別します。
  • target: リンクのターゲット ノードを識別します。
  • 値: ノードの接続の強さを示す、リンクに関連付けられた数値を表します。
  • 関係の視覚化: 接続されたノードとリンクを通じてエンティティ間の関係を明確に表現します。

  • ダイナミック レイアウト: 強制的なレイアウトを利用して、有機的で視覚的に魅力的な表現を実現します。

  • 密なグラフの複雑さ: 密に相互接続されたグラフでは、視覚的な乱雑さが読みやすさに影響を与える可能性があります。

  • ネットワーク データに限定: ネットワークまたは関係ベースのデータを視覚化する場合に最も効果的です。すべてのタイプのデータセットに適しているとは限りません。

Forced Layout Graph Example