产品简介
bpmn-visualization-js 是一个TypeScript库，可在BPMN流程图上可视化过程执行数据，帮助开发者和分析师创建流程监控与分析应用。它支持高度定制渲染和交互功能，适合需要集成BPMN图表的Web应用开发。
核心功能
- 支持全面的BPMN元素可视化
- 提供BPMN图表导航功能
- 显示执行数据并支持交互（如高亮、覆盖层、鼠标事件）
- 高度可定制的渲染方式
- 原生TypeScript支持
快速开始
- 通过npm安装库：运行`npm i bpmn-visualization`
- 在代码中导入BpmnVisualization类
- 初始化实例并指定容器元素
- 调用load方法加载BPMN XML内容
界面预览
与其他方案对比
| 对比项 | bpmn-visualization-js | 同类方案 |
|---|---|---|
| 开源许可 | 真正的开源许可证，无水印显示 | 同类工具可能带有水印或非完全开源 |
| 自定义能力 | 提供高度可定制的渲染和交互功能 | 其他BPMN查看器可能自定义选项有限 |
| TypeScript集成 | 原生TypeScript支持，类型定义齐全 | 可能仅支持JavaScript或需要额外配置 |
适合谁用
- 需要在Web应用中集成BPMN流程图的开发人员
- 进行业务流程分析和可视化的分析师
- 构建流程监控工具的产品经理
下载与版本
当前最新版本为 v0.48.0，发布于 2026-06-23。支持 Windows、macOS、Linux。
⚠️ 注意：本项目仅提供源代码下载，不包含可直接运行的安装包（exe/dmg/apk 等。下载后需要自行编译构建才能使用，适合有一定开发经验的用户。如果你不熟悉编译流程，建议寻找同类开箱即用的替代方案。
注意事项
- 本工具仅供学习和研究使用，请遵守相关法律法规。
- 请尊重内容创作者版权，勿将下载内容用于商业或非法传播。
- 项目源码地址：https://github.com/process-analytics/bpmn-visualization-js