yFILES ギャラリー

ネットワーク図とダイアグラムの自動レイアウト

ネットワーク図やダイアグラムを自動的に描画する能力は、yFiles ライブラリの最大の特徴のひとつです。ここでは、yFiles がサポートするレイアウトスタイルの一部を示します。

ランダムレイアウト

ツリーレイアウト

円環レイアウト

組織的レイアウト

階層レイアウト

直行レイアウト

組織的レイアウトグループ

階層的レイアウトグループ

直行レイアウトグループ

UML ダイアグラムの作成

UML ダイアグラムの作成は、必ずしも容易な作業ではありません。yFiles は、UML ダイアグラムのための最良のレイアウトエンジンを提供します。以下は、yFiles を利用したプログラムによって作成された UML ダイアグラムの例です。

A jar-file inspector (JarInspector)

UML class diagram

UML activity diagram

Javadoc extension (yDoc) with automatic diagramming support

A package hierarchy (JarInspector)

大規模なグラフの作成

数百、数千といった多数の要素を使用する大規模なグラフを作成、編集、表示する能力は、このライブラリの強力な機能のひとつです。以下の画像は、このライブラリが大規模なダイアグラムやネットワーク図を容易に取り扱うことができることを示します。

組織的な配置と接続がなされた大規模なサイトマップ

1000ノードのツリー構造

かたまりになった
大規模なネットワーク図

円環スタイルでレイアウトされた
巨大なネットワーク図

入れ子構造のグラフ

yFiles は、「入れ子構造のグラフ (nested graphs)」という概念をサポートします。すなわち、グラフの各ノードは、それ自身の中に、さらにグラフを含めることができるということです。そこに含まれるグラフは他のグラフと同様に配置できます。以下の画像は、データをより効率的に組織化するこの入れ子構造機能を利用したアプリケーションとダイアグラムの例です。

視覚的な LOOP 言語のプログラムのエディタとシミュレータ。ループプログラムそれ自身を表す再利用可能なマクロノードの概念をサポート。

レベルごとに異なるレイアウトスタイルを示すネットワーク構造の一部。

階層的に組織化されたネットグループ構造を管理するネットワーク管理ツール。

表示スタイルと機能

yFiles グラフ表示ライブラリは、多くの表示スタイルををサポートします。以下の画像は、表示可能なスタイルの一部を示します。

yEd での表示機能

ER ダイアグラム機能

yEd での表示機能２

その他

ネスト・グラフの表示

要素のビュジアル・プロパティ

ワークフローの表現

ドラッグ＆ドロップ・デモ

多層のレイアウト・デモ

プログラム・チャート