blockdiagでちょっと複雑な画面遷移を書いてみたけど、うまく書けなかった話

tweetしたら @tk0miya さんが反応してくれたので、ソースを貼ってみる。
基本的にblockdiagはコンセプトもプロダクトも大好きです。

{
j1 [label = "Introduction"];
j2 [label = "Branch", shape = "diamond"];
j3 [label = "Payment Method"];
j4 [label = "Confirm"];
j5 [label = "Complete"];
j6 [label = "Card Info Entry"];
j7 [label = "Product Selection"];
j8 [label = "Product Confirm"];
j9 [label = "Sub Info Entry"];
j10 [label = "Sub Info confirm"];
j11 [label = "Auto Sub Info"];
j12 [label = "Sub Sub Info Entry"];
j13 [label = "Other Info Entry"];


   j1 -> j2;
   j2 -> j3 [label = "option a-1"];
   j3 -> j4 [label = "cash"];
   j3 -> j6 [label = "card"];   
   j6 -> j4 -> j5;
   j2 -> j11 [label = "option a-2"];
   j2 -> j9 [label = "option a-3"];
   j9 -> j10 -> j3;
   j11 -> j10;
   j1 -> j7 [label = "option b"];
   j7 -> j8 -> j9 -> j10 -> j12 -> j13 -> j6;
   j13 -> j4;
}

http://blockdiag.appspot.com/ に貼り付けると、出力はこんな感じ。

あれ？
そのままだと横長過ぎて見難かったのでportraitにしたら、わりと見やすい…？
landscapeのままだと分岐がよくわからなかったという話でした…