• 例1
• 例2 Nodeに画像
• 簡素なフロー
• 画像フロー
• 画像フローに後処理で影を付ける
• svgのfeDropShadowで影を付ける
• バージョンによるレンダリングの差
• ノードをまとめるsubgraph
• 日本語

 digraph example1 {
 	"ayame" -> "asagao";
 	"ayame" -> "himawari";
 	"ayame" -> "gold";

 	"asagao" -> "silver";
 	"asagao" -> "black";

 	"black" -> "silver";
 	"black" -> "bronze";
 	"black" -> "cool";

 	"gold" -> "asagao";
 	"gold" -> "hot";

 	"hot" [style=bold]
 	"cool" [style=bold]
 	"himawari" [style=bold]
 	"silver" [style=bold]
 	"bronze" [style=bold]
 }

 dot -Tpng -o example1.png example1.dot
 %windir%\system32\mspaint.exe example1.png

 digraph NarrowCorsaMod{
 	CORSAN[image="stop.jpg", fontcolor=white, labelloc=t, label="SSSM.NarrowCorsa", shape=plaintext];
 	UnionV1[image="sbar.jpg", fontcolor=white, labelloc=t,  label="UNIOV V1", shape="box"];
 	UnionV2[image="sbar2.jpg", fontcolor=white, labelloc=t,  label="UNIOV V2", shape="box"];
 	UnionV4[image="sunion4.jpg", fontcolor=white, labelloc=t,  label="UNIOV V4", shape="box"];
 	UnionV5[image="sv5a1.jpg", fontcolor=white, labelloc=t,  label="UNIOV V5", shape="box"];
 	UnionV6[image="sug1.jpg", fontcolor=white, labelloc=t,  label="UNIOV V6 GEARED", shape="box"];
 	fontcolor="White"
 	CORSAN -> UnionV1;
 	CORSAN -> UnionV4;
 	UnionV1 -> UnionV2;
 	UnionV2 -> UnionV6;
 	UnionV4 -> UnionV5;
 }

digraph NarrowCorsaMod{
	CORSAN -> UnionV1[label="Fix"];
	CORSAN -> UnionV4[label="Movable+Tenting"];
}

 dot -Tsvg -o simple_flow.svg simple_flow.dot
 inkscape.com --export-type="png" --export-width="1024" "simple_flow.svg"
 magick simple_flow.png -resize "256x256>" ssimple_flow.png

 digraph NarrowCorsaMod{
 	node[
 		fontcolor=white,
 		labelloc=t,
 		shape=box
 	];

 	CORSAN[class="drop_shadow" image="corsan.jpg", label="SSSM.NarrowCorsa"];
 	UnionV1[class="drop_shadow" image="unionv1.jpg", fontcolor=white, labelloc=t,  label="UNION V1"];
 	UnionV4[class="drop_shadow" image="unionv4.jpg", label="UNION V4"];

 	CORSAN -> UnionV1[label="Fix"];
 	CORSAN -> UnionV4[label="Movable+Tenting"];
 }

 dot -Tsvg -o image_flow.svg image_flow.dot
 inkscape.com --export-type="png" --export-width="1024" "image_flow.svg"
 magick image_flow.png -resize "256x256>" simage_flow.png

 dot -Tsvg -o image_flow.svg image_flow.dot
 svg_deco.exe image_flow.svg image_flow_shadow.svg
 inkscape.com --export-type="png" --export-width="1024" "image_flow_shadow.svg"
 magick image_flow_shadow.png -resize "256x256>" simage_flow_shadow.png

<filter id="drop_shadow">
   <feDropShadow dx="0" dy="0" stdDeviation="1" flood-color="black"></feDropShadow>
</filter>

 digraph tempmeter{
 	graph [fontname = "Meiryo"];
 	node [fontname = "Meiryo Bold"];
 	edge [fontname = "Meiryo"];

 	storage[label="保存と転送\nstorage.exe" shape=box]
 	XIAO1[label="XIAO RP2040" shape=box3d]
 	TEMP1[label="気温" shape=invhouse]

 	subgraph cluster_temp {
 		label = "温度測定"
 		labelloc = "t"
 		labeljust = "l"

 		TEMP1 -> XIAO1
 	}

 	XIAO1 -> storage
 }

digraph font_test {
    graph [fontname = "Meiryo"];
    node [fontname = "Meiryo Bold"];
    edge [fontname = "Meiryo"];