PythonとGraphvizでサブグラフ(クラスタ)にラベルを設定する

PythonとGraphvizでサブグラフ(クラスタ)にラベルを設定するには、以下のようにsubgraphとlabelを使用します。

〇サンプルコード

# coding: utf-8 
from graphviz import Digraph

dot = Digraph(format='png')
# フォント設定
dot.attr('node', fontname="MS Gothic")
# ノード作成
with dot.subgraph(name="cluster0") as sg:
  sg.node("手順1")
  sg.node("手順2")
  sg.edge("手順1", "手順2")
  sg.attr(label="Procedure-A")

with dot.subgraph(name="cluster1") as sg:
  sg.node("手順3")
  sg.node("手順4")
  sg.edge("手順3", "手順4")
  sg.attr(label="Procedure-B")

dot.node('開始')
dot.node('終了')
dot.edge("開始", "手順1")
dot.edge("開始", "手順3")
dot.edge("手順2", "終了")
dot.edge("手順4", "終了")
dot.render("graphviz-test27")

○出力画像

〇graphvizのインストール
pipenv install graphvizやpip install graphvizなどでインストールします。


○関連情報
・Graphvizまとめ

・コマンドから同様のことを実行する場合は「Graphvizでサブグラフ(クラスタ)にラベルを設定する」を参照してください。

・PythonとGraphvizに関する他の記事はこちらを参照してください。

・サンプルコードを実行する環境としてDockerコンテナを利用することもできます。コンテナの構築方法は「Dockerでpython3.7とgraphvizをインストールしたコンテナ(Alpine3.9ベース)を作成する」を参照してください。

PythonとGraphvizでサブグラフ(クラスタ)を描画する

PythonとGraphvizでサブグラフ(クラスタ)を描画するには、以下のようにsubgraphを使用します。

〇サンプルコード

# coding: utf-8 
from graphviz import Digraph

dot = Digraph(format='png')
# フォント設定
dot.attr('node', fontname="MS Gothic")
# ノード作成
with dot.subgraph(name="cluster0") as sg:
  sg.node("手順1")
  sg.node("手順2")
  sg.edge("手順1", "手順2")

with dot.subgraph(name="cluster1") as sg:
  sg.node("手順3")
  sg.node("手順4")
  sg.edge("手順3", "手順4")

dot.node('開始')
dot.node('終了')
dot.edge("開始", "手順1")
dot.edge("開始", "手順3")
dot.edge("手順2", "終了")
dot.edge("手順4", "終了")
dot.render("graphviz-test26")

○出力画像

〇graphvizのインストール
pipenv install graphvizやpip install graphvizなどでインストールします。


○関連情報
・Graphvizまとめ

・コマンドから同様のことを実行する場合は「Graphvizでサブグラフ(クラスタ)を描画する」を参照してください。

・PythonとGraphvizに関する他の記事はこちらを参照してください。

・サンプルコードを実行する環境としてDockerコンテナを利用することもできます。コンテナの構築方法は「Dockerでpython3.7とgraphvizをインストールしたコンテナ(Alpine3.9ベース)を作成する」を参照してください。

PythonとGraphvizでレコード型のノードを描画する

PythonとGraphvizでレコード型のノードを描画するには、以下のようにshapeアトリビュートを使用します。

〇サンプルコード

# coding: utf-8 
from graphviz import Digraph

dot = Digraph(format='png')
# フォント設定
dot.attr('node', fontname="MS Gothic")
# ノード作成
dot.node("項目1", shape="record", label="<lp> 左| 中央 |<rp> 右")
dot.node('項目2')
dot.node("項目3")
# エッジ作成
dot.edge("項目1:lp", "項目2")
dot.edge("項目1:rp", "項目3")
dot.render("graphviz-test25")

※日本語を使用する場合はスペースを挟まないといけない場合がある？？

○出力画像

〇graphvizのインストール
pipenv install graphvizやpip install graphvizなどでインストールします。


○関連情報
・Graphvizまとめ

・コマンドから同様のことを実行する場合は「Graphvizでレコード型のノードを描画する」を参照してください。

・PythonとGraphvizに関する他の記事はこちらを参照してください。

・サンプルコードを実行する環境としてDockerコンテナを利用することもできます。コンテナの構築方法は「Dockerでpython3.7とgraphvizをインストールしたコンテナ(Alpine3.9ベース)を作成する」を参照してください。