由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+行業領軍企業，并不斷為全行業客戶提供數字孿生可視化解決方案。