ドキュメントの検索
karat

+

K

APIリファレンス ↗

注: 以下の翻訳の正確性は検証されていません。AIPを利用して英語版の原文から機械的に翻訳されたものです。

オブジェクトとエッジの表示オプション

Vertex では、グラフ上のオブジェクトとエッジのダイナミックなスタイリングを設定することができます。スタイリングと主要なプロパティの読み出しを設定した後、時間選択ウィンドウを使用してこれらの主要なプロパティが時間とともにどのように変化するかを視覚化することができます。

グラフのレイアウト

自動レイアウトオプション

ワークスペースの上部にあるツールバーには、事前に定義されたレイアウトオプションがいくつかあります。選択すると、オブジェクトとエッジが自動的に移動し、関連性を探索しながらグラフを整理することができます。

styling_layout_1

オブジェクトタイプごとにノードをグループ化する

関連するオブジェクトを追加していくと、グラフ上の単一のノードにオブジェクトをグループ化するようになるかもしれません。グループ化したいオブジェクトを選択したら、ワークスペースの上部にあるレイアウトツールバーを使用して、選択したオブジェクトをグループ化またはグループ解除します。

いくつかのオブジェクトを単一のノードにグループ化すると、ワークスペースの左側にある選択パネルでグループ化されたオブジェクトの全リストが表示されます。ノード内のオブジェクトのサブセットのみをグループ解除したい場合は、選択パネルを使用してそれらのオブジェクトを選択し、以下のように Ungroup を選択します。これはヒストグラムの Filter to 機能を使用しても行うことができます。

styling_group_nodes_1

オブジェクトタイプのプロパティによるグループ化

ヒストグラムを使用して、選択したオブジェクトのプロパティを探索し、表示される値に基づいてオブジェクトをグループ化することができます。これにより、新たなグループ化を反映したオブジェクトのレイアウトがグラフ上に変更されます。

styling_group_by_property

ノードをエッジにグループ化

あるオブジェクトはトランザクション性を持ち、システム内の他のノード/オブジェクト間を移動します。例えば、Departure AirportDestination Airport の間を移動する Flight はトランザクション性のあるオブジェクトです。この場合、オーダーオブジェクトをエッジにグループ化し、主要なプロパティ/メトリクスに基づいてエッジのスタイリングを行うことができます。

エッジを選択し、右クリックメニューから Ungroup を選択して、以前にエッジにグループ化されたすべてのオブジェクトを表示します。または、ヒストグラムや選択パネルを使用してグループ解除するオブジェクトを最初に選択することで、サブセットをグループ解除することもできます。

styling_group_edge

Ontology Manager → Capabilities タブで、トランザクション性のあるオブジェクトを関連するエッジに自動的にグループ化することができます。link merging について詳しく知る

レイヤーのスタイリングオプション

レイヤーとは、同じオブジェクトタイプのオブジェクトノードやノード間のエッジ関係を指します。これらは個別に設定でき、柔軟な視覚化と直感的なインタラクションをシステムのデジタルツインとして可能にします。

左サイドバーのレイヤースタイリングパネルを使用して、ノードとエッジを個別にスタイリングしたり、オブジェクトのプロパティや関連する時系列/測定値によってスタイリングしたりすることができます。レイヤースタイリングを使用して、重要な情報を視覚化し、メトリクスを計算し、パラメータ化された条件に基づいて現在のシステム状態やシミュレートされたシステム状態を表示することができます。

オブジェクトのスタイリング

設定したいオブジェクトタイプの隣にある Styling Options を選択して、スタイリングメニューを開きます。

styling_object_styling_panel

Color by

Fill Color ドロップダウンを選択して、スタイリングに使用するパラメーターと、このレイヤー内のすべてのオブジェクトの色選択を選びます。Color by パラメーターとして時系列の測定値を選択すると、選択した時間ウィンドウに基づいてスタイリングが動的に更新されます。また、derived property functions を使用してノードの色を付けることもできます。

styling_color_by

Subtitle

オブジェクトタイプまたはオブジェクトの選択したプロパティに対して、各オブジェクトにサブタイトルを追加することができます。サブタイトルは、グラフ上の同じタイプのすべてのオブジェクトに表示されます。

styling_subtitle

Extended labels

Extended Labels を選択すると、選択したオブジェクトノードに特定の読み出しを追加することができます。リアルワールドの時系列の読み取り値やシミュレートされた値を選択して、現在の状態とモデル化された状態を一つのビューで比較することができます。

styling_extended_labels_1

拡張ラベルのスタイリングを設定したら、ワークスペースの左側にあるオブジェクト選択パネルから表示するプロパティや時系列を選択することができます。

styling_extended_labels_1

Badges

特定のオブジェクトタイプにリンクされたイベントの数を示すバッジを追加します。以下のスクリーンショットでは、遅延したフライトイベントが1つあることがわかります。

styling_badges

Node style

オブジェクトをデフォルトのノードとして表示するか、完全なオブジェクトカードとして表示するかを選択することができます。

styling_node_type

エッジのスタイリング

エッジはオブジェクト間の関係を表し、システムやプロセス内のノード間の相互作用を視覚化するためにスタイリングすることができます。

設定したいエッジから Styling Options を選択します。

styling_edge_styling

Line color

オブジェクトのタイプや関連オブジェクトの共通のプロパティに基づいてエッジの色を設定することができます。

styling_line_color

Line type

描画される線を直線、曲線、直角にフォーマットすることができます。

styling_line_type

Labels

エッジにグループ化されたオブジェクトがある場合、オブジェクトの個別のプロパティや集計したプロパティに基づいてラベルを設定し、主要なメトリクスを表示することができます。

styling_label

Line width

オブジェクトのプロパティに基づいてエッジに異なる幅を適用することができます。異なる線の幅を適用することで、オブジェクト(例えば、空港)間でのトランザクション(例えば、フライト)の移動と量を示すことができます。

styling_width

Badges

オブジェクトノードと同様に、特定のエッジ関係にリンクされたイベントの数を示すバッジを追加することができます。ここでは、遅延したフライトイベントが1つあることがわかります。

styling_edge_badges

Ontology-level edge direction configuration

グラフにリンクを追加すると、デフォルトではエッジの矢印はリンクの右側から左側を指すように表示されます。例えば、Ontology で多対一のリンクタイプとして設定されたリンクでは、矢印は一方から多方へと指します。これは次の Ontology タイプのクラスを使用してリンクタイプごとに設定することができます:

  • Primary Direction: kind: vertex, name: link_primary_direction
    • リンクの片側に配置すると、エッジの矢印がこのリンクの側のオブジェクトを指すようになります。
  • Undirectional: kind: vertex, name: link_undirectional
    • リンクのどちらかの側に配置すると、エッジに矢印は表示されません。
  • Bidirectional: kind: vertex, name: link_bidirectional
    • リンクのどちらかの側に配置すると、エッジの両側に矢印が表示されます。

エッジの矢印は、レイヤースタイリングオプションを使用してグラフごとに非表示にしたり逆転させたりすることもできます。

Edge direction styling options

Saved styles

設定が完了したら、同じグラフに対して異なるスタイリングオプションを保存して、システムの異なるビューを提供することができます。例えば、一連の空港間のフライトのビューを、航空会社の主要なパフォーマンスメトリクスに基づいてスタイリングするビューを設定することができます。その後、同じグラフを異なるスタイリングで使用して、同じルート上の顧客満足度を表示することができます。

styling_saved_styles

Saved selections

グラフ上で選択したオブジェクトのグループを保存した選択として保存することもできます。これを行うには、任意の数のノードとエッジを選択し、希望するオブジェクトを含むようにして、右クリックメニューまたはツールバーの Selection メニューで Save objects in current selection を選択します。

Save objects in current selection

各保存した選択には、レイヤーパネルの Saved selections セクションに表示される関連する名前と色があります。グラフ上の各オブジェクトは、エッジまたはノードとして表現され、それが属している保存した選択の色で囲まれた分割された境界線があります。各オブジェクトは必要なだけ保存した選択に属することができますが、境界線は最初の3つの保存した選択の色だけを表示します。

Saved selection in Layers panel

保存した選択に格納されたすべてのオブジェクトをすばやく選択するには、保存した選択にマウスオーバーすると表示されるクイック選択アクションを選択します。

Quick select for saved selection

レイヤーパネルで保存した選択を編集することができます。保存した選択の名前を編集するには、単に名前を選択し、新しい名前を入力し、Enter キーを使用します。保存した選択を削除したり、色を編集したりするには、保存した選択にマウスオーバーすると表示される ... アイコン (Three dots icon) を選択します。また、各保存した選択の境界線をオンまたはオフに切り替えることもできます。そのためのアイコンは眼のアイコンです (Eye icon)。

More actions for saved selection

保存した選択のオブジェクトは、グラフ上でオブジェクトを選択し、... (Three dots icon) ボタンを選択し、次に Add selected objects または Remove selected objects オプションを使用して編集することができます。

Edit objects option for saved selection