Topology 可视化在线绘图引擎

Topology是基于typescript + canvas实现的在线绘图的引擎。采用引擎 + 图形库中间件的思路能够方便、快速的扩展、集成到前端项目。

1.可视化引擎与开发

开源是可视化引擎，开发者基于可视化引擎 + 插件可用于实现微服务架构图、拓扑图、流程图、活动图、时序图、脑图、SCADA等；此外也可以按照自己的想法实现任何想要的图形库。

2.特点

• 开源
• 动画
• 可定制化
• 轻量（100k左右），功能却很丰富
• 简单易用，方便集成
• 支持旋转、缩放、文字属性、边框属性、背景、连线动画等
• 优异的性能，非常流畅
• 方便的数据导入导出
• 图片保存/预览
• typescript + canvas

3.未来规划

加入3D功能，全面、充分的可以实现智慧城市的3D可视化、SCADA 3D效果、物联网3D装配效果、安防等3D可视化场景。

4.为什么重复造轮子

• 笔者工作中遇到比较多的微服务架构、云资源运维、部署与运维可视化方面的需求
• 开源、满足自己需求的不多
• typescript + 纯粹canvas架构的不多
• 以中间件方式可定制满足不同场景的不多
• 动画支持
• 音视频支持，满足安防、物联网（暂无3D效果）等实时监控需求

5.应用场景

• 流程图
  
• 拓扑图
  
• 脑图
  
• 电力能源
  
  
• 安防
  
  
• Web组件
  
• 物联网
  

6.了解更多

官网地址
开源地址
开发文档
联系我们