由TopoBuilder产品负责人王维成介绍「如何用TopoBuilder打造2D数字数字孪生」

2D可视化 VS 3D可视化

平时我们用ThingJS的工具和API通常是做一些3D可视化的开发，在描绘真实的物理世界时，3D的场景确实能给人更加直观的感受。

然而在数字孪生的应用中，除了描绘物理世界，很多时候我们也需要去描绘逻辑世界，去表达对象之间的逻辑拓扑关系，比如组态工艺流程、网络拓扑关系等。在对面这些需求时，2D的表现方式显然更为清晰。

我们搭建3D园区和3D城市，可以使用CampusBuilder和CityBuilder，而面对2D场景时，我们该用什么工具呢？

很多人使用Visio来绘制拓扑图，但Visio图不能对接外部数据，也不能用API来驱动场景中的对象状态，无法满足我们各式各样的2D可视化需求。为了解决这些问题，我们全新打造了一款产品：TopoBuilder，它可以帮助开发者轻松完成2D场景下的各类可视化需求。

TopoBuilder强大的Web绘图工具

TopoBuilder是一款简单易用、功能强大的web绘图工具，采用拖拉拽的交互方式，帮助用户快速绘制拓扑图、流程图、物联网、工业组态、IT运维等多种场景下的视图。

这是TopoBuilder的主界面，顶部是菜单和工具栏，左侧是形状库，中间是画布，右侧是属性和设置面板，底部是标签页和导航器。接下来我们来通过一些特色功能的介绍帮助大家了解这款工具。

丰富图元+多样模板

TopoBuilder内置丰富的图元和模板，除了刚才提到的组态图、流程图、网络架构图等，我们还支持UML、BPMN、ArchiMate 等多种专业图形绘制。

同时也支持用户上传自定义图形，打造属于自己的形状库。

我们还预置了丰富的模板供大家使用，提升2D视图绘制的效率和美观度。

对接外部数据+API控制

开头我们有提到，Visio是很多人常用的绘图工具，但Visio绘制的是“死图”，无法对接外部数据和用API控制。很多用户手中积累了大量Visio图，为了帮助用户盘活手中的Visio图，我们提供了Visio导入的功能，可以完美还原之前在Visio中绘制的视图。同时还支持导出PDF、PNG、JPG、SVG等常见的文件格式，方便图的浏览和使用。

轻松在线协作+历史版本回溯

说到在线协作，大家应该并不陌生，我们常用的腾讯文档之类的互联网产品都具备这个能力，TopoBuilder也提供了基于websocket的多人实时在线协作能力，满足多人协作绘图的场景。在绘图过程中系统会自动生成历史版本，方便回溯查看，使文件安全有保障。

无缝对接ThingJS开发平台

作为ThingJS工具体系中的一员，TopoBuilder绘制的视图，会自动同步到ThingJS在线开发平台，用户可直接引用，并使用ThingJS API中的拓扑组件进行2D可视化应用开发，轻松实现组态监控、场景联动等数字孪生应用需求。

这里我先简单介绍一下ThingJS拓扑组件，拓扑组件是ThingJS API中的一个插件，可以通过API来动态控制TopoBuilder产出的2D场景，拓扑组件在语法设计上和ThingJS API基本保持一致，熟悉ThingJS的用户可以在10分钟之内上手。

我们的DEMO分为两个部分，第一部分是编辑器的绘图细节演示，我们在开发TopoBuilder的时候，花了很多时间在打磨用户体验，我们从中挑出几个来和大家分享。

第二部分一个完整2D场景应用开发的全过程，这是一个火力发电的工艺流程图，从绘制2D场景，到使用拓扑组件控制场景对象实现组态流程和监控。

TopoBuilder未来展望

最后说一下TopoBuilderd接下来的发展计划。我们会推出零代码快速配置2D可视化应用的功能，目前大家需要使用API，通过编程来完成2D应用的开发，后面我们编辑器中会内置数据对接的能力和常用的交互配置，零代码、一站式完成2D场景开发。

同时也会打通物联森友会，这是UINO打造的一个物联网产品、方案选品库，在这里大家可以快速精准地找到所需要的产品、方案及合作伙伴。TopoBuilder下一步将打通森友会，成为物联网方案设计和交流的工具，提高物联网生产活动效率。

TopoBuilder将在2022年Q1正式发布！

关于UINO优锘科技

UINO优锘科技成立于2012年，总部位于北京，目前团队已超过千人，在上海、广州、深圳、杭州、南京等地均设有分支。

自成立至今，UINO秉承数字孪生的理念，以多维空间大数据为基础，致力于打通逻辑世界和物理世界，并凭借三维可视化交互为核心特点的数字孪生运维管理能力，形成了数据中心可视化、智慧园区、智慧城市、智慧消防等多种数字孪生运运场景群。

迄今为止，UINO优锘科技已服务了2,000+行业领军企业，并不断为全行业客户提供数字孪生可视化解决方案。