シーケンス図とかフローチャートをしごとで描画することになった場合、 テキストから生成できたら楽なので、それ系のツールまとめ # GraphViz http://www.graphviz.org/ * C製 * Doxygen, Moinmoinなどと連携可能 * ブロック図、クラス図、ネットワーク図など * PNG, SVGなど [出力可能形式一覧](http://www.graphviz.org/content/output-formats) * JavaScript(Emscripten)版もある。リアルタイムプレビュー出来て便利 https://github.com/mdaines/viz.js # PlantUML * Java製 * シーケンス図, ユースケース図, クラス図, アクティビティ図, コンポーネント図, ステート図, デプロイ図, オブジェクト図などめっちゃたくさん作れる * PNG, SVG, LaTeX, ASCII出力 * なんとワイヤーフレームも作れる。アイコンとかも入れられる。 * オンライン版 https://www.planttext.com/ # blockdiag http://blockdiag.com/ja/blockdiag/ * Python製 * ブロック図, シーケンス図, アクティビティ図, 物理ネットワーク図など * blockdiag, seqdiag, actdiag, nwdiagから構成されている * スクリプトはGraphViz風 * Sphinx, Trac, Redmine, 各種 Wiki エンジン等に対応 * WebUIがあった https://github.com/dataich/LiveDiag # mermaid https://github.com/knsv/mermaid * JavaScript製 * d3を使っている模様 * 出力はSVGだが、CLIからも使えて、PNG出力とかもできる(要PhantomJS) * Markdown風文法(らしい) * フローチャート, シーケンス図, 面白いとこだとガントチャートも作れる # js-sequence-diagrams http://bramp.github.io/js-sequence-diagrams/ * JavaScript製 * SVG出力 * シーケンス図のみ * テーマ機能あり(デフォルトの出力はゆるい) # Seqdiag.js http://walf443.github.io/seqdiag.js/ * JavaScript製 * SVG出力 * シーケンス図のみ # text-diagram https://github.com/weidagang/text-diagram * JavaScript製 * シーケンス図 * **RAWテキスト出力** * READMEとかに埋め込むと割とクールかもしれない # flowchart.js http://flowchart.js.org/ * JavaScript製 * フローチャートのみ * SVG出力 * 描画にRaphaël使ってる # graph-easy http://www.showa-corp.jp/special/graphtools/graph-easy.html * Perl製 * ブロック図 * 基本的にアスキーアートを出すものっぽい * ASCII, HTML, PNG, GIF, SVG, DOTに出力可能 * [Ditaa](http://ditaa.sourceforge.net/)を出力にかますことで綺麗な図を作成出来る。 # guiflow http://qiita.com/hirokidaichi/items/ff54a968bdd7bcc50d42 * JavaScript製 * UI Flow図 # MarkdownDiagram http://qiita.com/wakufactory/items/8a0cf4ffdd52936f7469 * JavaScript製 * ER図 / ブロックダイアグラム * マウス操作で編集も可能 # その他 * HTML5ベースのフローチャート作図ツールらしい。OSS。 http://diagramo.com/ * bpmnというモデル図を作るエディタらしい https://github.com/bpmn-io/diagram-js * Railroad diagramsという、文法可視化した図を作れるやつ https://github.com/tabatkins/railroad-diagrams * MathBox WebGLを使ったビジュアライズ用ライブラリ https://gitgud.io/unconed/mathbox * ベン図描画 https://github.com/benfred/venn.js * Ditaa ASCIIアートから図へ変換 http://ditaa.sourceforge.net/ * shaape 同上 https://github.com/christiangoltz/shaape * previm vimでmermaid対応のmarkdownプレビュー出来るプラグイン https://github.com/kannokanno/previm * ATOMで各種の図を描くためのプラグイン https://github.com/francoislaberge/diagrams