mermaid.jsが素晴らしいけどなかなか使ってる人見かけないので実例晒す(追記あり) - Qiita
mermaid.jsとは JavaScriptのチャート作成ライブラリです。他にも似たようなのは色々ありますが、これ一本でフローチャート、シーケンス、ガントに対応してるので、個人的にお気に入り。 http://knsv.github.io/mermaid/ サイトの各チャートのページ見ると書き方と何ができるかはわかるので、ご覧あれ。 僕の使い方 JSのライブラリを自分でインポートして何かすることはほとんど無くて(後述の理由からガントだけJSで使ってるけど)、基本的には以下の2つの方法で使ってる。 Haroopad フリーでクロスプラットフォーム(OS X, Win, Linux)なMarkdownエディタ。 v0.13からmermaid.jsがインテグされているので、何もしなくてもそのまま使える。 mermaid.jsのグラフの書き方は、コード表記で、言語をmermaidにしてあげるだけ。
手書き風のUMLシーケンス図をJSでリアルタイム描画できる「js-sequence-diagrams」:phpspot開発日誌
js-sequence-diagrams by bramp 手書き風のUMLシーケンス図をJSでリアルタイム描画できる「js-sequence-diagrams」 画像をサーバ上で生成するのではなくJSで、更に温かみのある手書き風の画像でリアルタイム描画できます。 仕組みとしてなかなか面白かったのでご紹介。 関連エントリ かなり豊富な種類のグラフを描画できる「ECharts」 SVGベースの要素が移動可能なフローチャート描画ライブラリ「SimpleFlowchart」 リアルタイムで更新してアニメーションするリアルタイムグラフを描画できる「Epoch」 円、線、棒グラフを描画できるシンプルなチャートライブラリ「cssCharts.js」 Bootstrapなサイトでグリッドを描画してレイアウトの参考にできる「jQDrawBootstrapGrid」
ラフな描画にも対応したJavaScript製のシーケンス図描画ライブラリ·JS Sequence Diagrams MOONGIFT
JS Sequence DiagramsはJavaScriptを使ってUMLのシーケンス図を描画するライブラリです。 システムの仕様書を書くためのモデリング言語として知られているのがUMLです。思ったよりも普及しませんでしたが、仕様書の冗長的な文章よりも図の方が分かりやすいケースも多いです。今回はJavaScriptを使って描くシーケンス図ライブラリ、JS Sequence Diagramsを紹介します。 この手書きの乱雑さがいい感じです。 正確な描画もできます。 まさにシーケンス図です。 ノートをつけたり、全く関連し合わない図も書けます。 秀逸なのはやはり手書き風の乱雑な描画ができることではないでしょうか。正確に書くと分かりやすくなる反面、ちょっとしたミスも許されない感じになりますので、ちょっとくらいラフな方が開発もしやすいのではないでしょうか。シンプルな記法からシーケンス図が作れるのは
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
