对工作流可视化，工作流设计器是非常重要的支撑工具，有CS端及BS端的。
总体调研下来，建议BS端使用BPMN.io定制开发，CS端使用Camunda Modeler，与IDE集成显示使用Camunda BPMN visualizer插件。
BS端
BPMN.io【荐】
bpmn-js 是 BPMN 2.0 渲染工具包和 Web 模型。bpmn-js 正在努力成为 Camunda BPM 的一部分。bpmn-js 使用 Web 建模工具可以很方便的构建 BPMN 图表，可以把 BPMN 图表嵌入到你的项目中，容易扩展。bpmn-js是基于原生js开发，支持集成到vue、react等开源框架中。
支持BPMN、CMMN、DMN
https://demo.bpmn.io/cmmn/s/claims-file
https://demo.bpmn.io/dmn/s/check-order
mxGraph【荐】
mxGraph是一个强大的JavaScript流程图前端库，可以快速创建交互式图表和图表应用程序，ProcessOne是使用该库创建的强大的在线流程图绘制网站。最新版本为 2020.10月份发布的4.2.2
Activiti-Modeler
Activiti 开源版本中带了web版流程设计器，在Activiti-explorer项目中有Activiti-Modeler， 优点是集成简单，开发工作量小，缺点是界面不美观，用户体验差。
flowable-modeler
flowable开源版本中带了web版流程设计器，展示风格和功能基本跟Activiti-Modeler一样，优点是集成简单，开发工作量小，缺点是界面不美观，用户体验差。
CS端
Camunda Modeler【荐】
提供多操作系统版本的安装包，安装后即可使用，可视化操作、可生成XML，也可以与Camunda服务配合，将配置的流程直接发布到Camunda中直接执行。非常简单、易用。
bpmn2-modeler
C/S版本的流程设计器，如果没有强调基于浏览器设计流程图，也可以考虑Eclipse插件版流程设计器bpmn2-modeler。 官方地址
IDE
- ActiBPM 过期，不兼容
- JBoss BPMN ： 组件过小，不知如何使用，建模后流程图还原乱了
Idea bpmn插件【荐】
仅用于查看和简单编辑，无新建。插件名：Camunda BPMN visualizer
Eclipse插件
插件形式安装。
- flowable : http://www.flowable.org/designer/update/
- Activiti：http://activiti.org/designer/update/
- Camunda：https://docs.camunda.org/manual/7.7/modeler/eclipse-plugin/update-sites/
