Topology 可视化在线绘图引擎
Topology是基于typescript + canvas实现的在线绘图的引擎。采用引擎 + 图形库中间件的思路能够方便、快速的扩展、集成到前端项目。
1.可视化引擎与开发
开源是可视化引擎，开发者基于可视化引擎 + 插件可用于实现微服务架构图、拓扑图、流程图、活动图、时序图、脑图、SCADA等；此外也可以按照自己的想法实现任何想要的图形库。
2.特点
- 开源
- 动画
- 可定制化
- 轻量（100k左右），功能却很丰富
- 简单易用，方便集成
- 支持旋转、缩放、文字属性、边框属性、背景、连线动画等
- 优异的性能，非常流畅
- 方便的数据导入导出
- 图片保存/预览
- typescript + canvas
3.未来规划
加入3D功能，全面、充分的可以实现智慧城市的3D可视化、SCADA 3D效果、物联网3D装配效果、安防等3D可视化场景。
4.为什么重复造轮子
- 笔者工作中遇到比较多的微服务架构、云资源运维、部署与运维可视化方面的需求
- 开源、满足自己需求的不多
- typescript + 纯粹canvas架构的不多
- 以中间件方式可定制满足不同场景的不多
- 动画支持
- 音视频支持，满足安防、物联网（暂无3D效果）等实时监控需求
5.应用场景
- 流程图
- 拓扑图
- 脑图
- 电力能源
- 安防
- Web组件
- 物联网