graphdownはRedcarpetの拡張ライブラリで、DOT言語のコードブロックをcodeタグではなく下のような画像のimgタグに変換する。 digraph sample { graph [rankdir = LR]; node [shape = record, style = filled, fontname = "Osaka", fillcolor = "#ECF0F1"]; a [label = "Label 1"]; b [label = "Label 2"]; c [label = "Label 3", fillcolor = "#27AE60"]; d [label = "Label 4", fillcolor = "#F1C40F"]; e [label = "Label 5", fillcolor = "#E74C3C"]; a -> b [dir = both]; a
![graphdown, tinydot](https://cdn-ak-scissors.b.st-hatena.com/image/square/3c9476cfa44a2d6822285e80bb4f7d89bf4e6cd0/height=288;version=1;width=512/https%3A%2F%2F64.media.tumblr.com%2Fb7bab0d9649f7187afd7dc5fc55807b8%2Ftumblr_inline_pjzvgvKY5m1r0up4c_500.png)