Graphvizとdot言語でグラフを描く方法のまとめ - Qiita
dot言語では図形をノードと呼び、図形と図形の関連をエッジと呼びます。 ノードやエッジをどのような図形で表現するか、ラベルのフォントや色などをdot言語で記述します。 また同じdotファイルでも使用するレイアウトエンジンを変えることで異なる表現が可能です。 dot言語を使用すると下図ような図形を表現することができます。 この図は下記のdotファイルより生成しました。 digraph graph_name { graph [ charset = "UTF-8"; label = "sample graph", labelloc = "t", labeljust = "c", bgcolor = "#343434", fontcolor = white, fontsize = 18, style = "filled", rankdir = TB, margin = 0.2, splines =
Viz.js·Web上でGraphvizをSVGでレンダリング MOONGIFT
フローチャートなどの高度なグラフを描こうと思った時に使われるのがGraphvizです。テキストベースで記述していくだけでできるというのはやはり手軽です。しかしローカルソフトウェアをインストールしたり、セットアップしたりするのは面倒と感じる人も多いでしょう。 そこでさらに再利用性を高めてくれるのがViz.jsです。WebベースでGraphvizを使えるようにしてくれます。可能にするのはまたしてもEmscriptenなのですが、面白さを体感してください。 例として以下のようにGraphvizのDOT言語をそのままscriptタグに記述します。 <script type="text/vnd.graphviz" id="cluster"> digraph G { subgraph cluster_0 { style=filled; color=lightgrey; node [style=fill
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
