実際の動作を見る
Graphviz図の例。
同じツールに4つの依頼。以下の図はすべて実際に生成されたものです。
入力する内容
トップダウン型のEコマースマイクロサービスのフローチャートを作成：ユーザーリクエストを認証し、認証済みリクエストをAPIゲートウェイ経由でルーティングする。商品カタログサービスと商品データベースで商品を閲覧する経路、または在庫、決済、確認、配送、完了を経て注文する経路を示す。未認証ユーザーはログインへ、在庫不足は在庫切れ通知と注文失敗へ、決済失敗は同じ注文失敗へルーティングする。
次に試す商品カタログの後にレコメンドサービスを追加。決済失敗の経路を再試行オプションに変更。
フローチャート · Sugiyama layered DAG + orthogonal routing · schematex-flowchart
生成された図
Graphviz図とは。
Graphviz図は、名前付きのノードを有向または無向のエッジでつないだグラフを表します。元のGraphvizツールではDOTというテキスト言語を使って関係を定義し、レイアウトを自動的に決めます。
物理的な配置よりも関係性が重要な場合は、グラフを使います。有向グラフなら、すべての接続を手作業で配置しなくても、リクエスト経路、承認判断、依存関係、階層を示せます。
- Standard
- Sugiyama layered DAG + orthogonal routing
- Engine
- schematex-flowchart
- Editable
- Double-click text, drag nodes
- Export
- SVG · PNG · PDF
利用者
Graphviz図を使う人。
サービスとデータの関係を整理し、実装前にリクエスト経路を検討するため。
完全な情報、ポリシーチェック、承認が必要なリクエストの意思決定経路を示すため。
居住地、書類、審査、通知を示す入学手続きの意思決定経路を作成するため。
使い方
Graphviz図の作り方を3ステップで。
01
説明する
まずは1段落で十分です。
“トップダウン型のEコマースマイクロサービスのフローチャートを作成：ユーザーリクエストを認証し、認証済みリクエストをAPIゲートウェイ経由でルーティングする。商品カタログサービスと商品データベースで商品を閲覧する経路、または在庫、決済、確認、配送、完了を経て注文する経路を示す。未認証ユーザーはログインへ、在庫不足は在庫切れ通知と注文失敗へ、決済失敗は同じ注文失敗へルーティングする。”
02
図を確認
最適なエンジンで描画します。
03
変更点を伝える
編集のたびにバージョンを保存します。
商品カタログの後にレコメンドサービスを追加。
V2 · DRAWN FROM V1, NOTHING RETYPEDよくある質問
よくある質問
Graphvizとは？
Graphvizは、ノードとエッジのテキスト記述をレイアウト済みの図に変換するグラフ可視化ツール群です。DOT言語でグラフを記述し、レイアウトツールが配置を決めます。
Graphviz図では何を示せますか？
有向グラフ、依存関係グラフ、階層、意思決定経路、ネットワーク関係など、ノードと接続で構成されるさまざまな構造を示せます。
DOT言語の知識は必要ですか？
いいえ。示したいノードと接続、判断や分岐を自然言語で説明してください。
Graphviz図はフローチャートと同じですか？
フローチャートは、ステップと判断に焦点を当てた有向グラフの一種です。Graphvizでは、より広い関係や依存関係のグラフだけでなく、フローチャートもレイアウトできます。
関連ツール
