https://www.cnblogs.com/xuxg/articles/3246206.html
Jointjs 是javascript圖表可視化庫，依賴於backbone.js,lodash,jquery，
可以創建完全交互式應用程序，也可以用做繪製靜態圖的繪製工具，如工作流編輯，流程管理等。
主要功能點羅列如下：
1.多種圖形（矩形，圓，橢圓，文本，圖形，路徑,ERD,組織結構圖，FSA,UML,BPMN,PN .etc）
2.自定義圖形，通過SVG編程方式呈現。
3.元素和鏈接的交互
4.鏈接圖元素，即爲圖元素建立鏈接關係。
5.可定製化的操作，如鏈接，箭頭樣式和爲元素設置標籤。
6.鏈接操作平滑順暢
7.元素上的端口（inport/outport）可自定義位置。
8.層級圖繪製
9.JSON格式的序列化/反序列化
（即生成數據model爲json格式，也可從model格式解析爲圖形）
10.可以捕捉到畫布中發生的任意事件，做出反應。
11.支持2D space操作的大量數學函數。
12.提供操作SVG的庫。
13.放大和縮小
14.觸摸支持，移動端支持。
15.動畫
16.過濾器和梯度
17.Nodejs支持
18.快速的渲染能力。
19.MVC架構，代碼結構清晰，易上手。
mxgraph是一個開源客戶端Javascript圖表庫，
使用SVG和html渲染。
後臺服務端還提供在java,donet,php後端語言操作圖表功能。
mxgraph從2005年開始就出現的，之前一直收費，近兩年纔開源的。
官網https://www.jgraph.com/
mxgraph對瀏覽器的兼容支持的也比較好，甚至支持ie6，也支持移動端。
功能很全面，可以在editor的基礎上進行二次開發，
https://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.html
editor作爲js庫可以嵌入到任意Html頁面，感覺像一個網頁版的visio studio編輯器一樣，使用很流暢。
左側的素材庫可以自定義，也可以上傳圖片作爲素材。
jointjs近兩年的人氣要比mxgraph高，基於backbonejs的開發理念更符合現在前端的趨勢。
mxgraph給我的感覺是功能比較全面但是成本也是比較高，純js的代碼需要研究成本的。
兩者各有千秋，選擇使用哪個技術還需要看具體需求和個人喜好。
另外順便提一下jointjs的rappid中也有editor,
rappid是基於jointjs庫開發的插件，支持一些高級功能，但目前是收費的。
而上述羅列的功能也是可以滿足需求的，感興趣的小夥伴可查看官網。
https://www.jointjs.com/