描画ライブラリ

JavaScriptのライブラリだが、型定義があればTypeScriptからも使えるだろう。

• https://modeling-languages.com/javascript-drawing-libraries-diagrams/

↑比較記事だが、読んでもわからん。で、参照先を見た。

JointJS

• https://www.jointjs.com/

有償商品。

Rappid

• http://www.jointjs.com/about-rappid

JointJSの関連商品。つうか、これが本チャン商品かも。

MxGraph

• https://www.jgraph.com/
• https://github.com/jgraph/mxgraph
• https://about.draw.io/

対話的なWebダイアグラム作成ライブラリ。https://www.draw.io/ というオンライン描画ソフトも提供している。商品、フリーもあるのか？ 大規模すぎるかも。

GoJS

• http://gojs.net/latest/index.html

有償商品。

Raphael

• http://raphaeljs.com/

有名だけど、ちょっと古いかな。

Draw2D

• http://www.draw2d.org/draw2d/

Visioライクなチャートが描ける。これ、有料版を昔買った気がする。使わなかったけど。

D3

• https://d3js.org/

とても有名。だが、なんか違うな。

fabricjs

• http://fabricjs.com/demos/

これもお絵描き。構造のビジュアライゼーションとは違う。

paperjs

• http://paperjs.org/

ほんとのお絵描き。キャンバスで自由に描ける。が、特定目的には汎用すぎるだろう。

JsPlumb

• https://jsplumbtoolkit.com/

機能は凄いが、フリー版だと「Programmatic API, Drag and Drop, Events」の3つの機能しか使えない。

Mermaid

• https://mermaidjs.github.io/

これはライブラリじゃなくてツール。便利そう！

---

このなかだと、JsPlumbのフリー部分かな。DnDサポートが嬉しい。

[追記]Vue.js+SVG というのもある。いやっ、これがいいかも。

• http://hashrock.hatenablog.com/entry/2017/12/04/215559

[/追記]