Zum Inhalt springen

Kraftbasiertes Graph-Layout

Die Visualisierung Forced Layout Graph ist eine dynamische und ansprechende Darstellung miteinander verbundener Daten. Es verwendet einen erzwungenen Layout-Algorithmus, um Beziehungen zwischen Entitäten innerhalb eines Datensatzes visuell darzustellen.

Datenstruktur des Diagramms mit erzwungenem Layout

Abschnitt betitelt „Datenstruktur des Diagramms mit erzwungenem Layout“

Um ein Diagramm mit erzwungenem Layout darzustellen, können Sie die folgende NodeLinkData-Schnittstelle verwenden:

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: Eine eindeutige Kennung für den Knoten.
  • Kategorie: Kategorisiert den Knoten in eine bestimmte Gruppe oder einen bestimmten Cluster.
  • Quelle: Identifiziert den Quellknoten des Links.
  • Ziel: Identifiziert den Zielknoten des Links.
  • Wert: Stellt einen mit dem Link verknüpften numerischen Wert dar, der angibt, wie stark die Knoten miteinander verbunden sind.
  • Beziehungsvisualisierung: Stellt Beziehungen zwischen Entitäten durch verbundene Knoten und Links klar dar.

  • Dynamisches Layout: Verwendet ein erzwungenes Layout für eine organische und optisch ansprechende Darstellung.

  • Komplexität bei dichten Diagrammen: In dicht verbundenen Diagrammen kann visuelle Unordnung die Lesbarkeit beeinträchtigen.

  • Beschränkt auf Netzwerkdaten: Am effektivsten für die Visualisierung von Netzwerk- oder beziehungsbasierten Daten; ist möglicherweise nicht für alle Arten von Datensätzen geeignet.

Forced Layout Graph Example