拓撲圖視覺化(3.5)
對於ESB服務匯流排，特別是涉及到兩級架構整合的時候，採用類似拓撲圖的視覺化思路來進行整合架構和部署架構圖的視覺化是一個可選的方案。
今天基於拓撲圖視覺化為關鍵字搜尋，搜尋到兩個視覺化工具軟體，雖然都是付費軟體，但是對於拓撲圖，部署架構，整合關係圖等方面的展示能力還是相當強。
1. TWaver工具： http://www.servasoft.com/
2. Qunee工具： http://qunee.com/
兩個工具都是基於Html5實現的，稍微偏重，但是整體展示效果還是很不錯。同時既帶了設計器功能，又帶了前端展示工具。而這也是我們在進行整合架構，整體服務整合視覺化最需要的功能。
初步思考來看，可以考慮的點包括了
1. 實現集團和子公司或省兩級架構的拓撲圖效果展示和介面服務整合監控。
佈局原來一直太強調結合地圖進行展示，實際上效果並不一定太好。這裡可以直接自己定義佈局模式，初步想法就是中心為集團，四邊方框來線上各個省或子公司。形成完整的兩級集團展示效果。這種展示方式也方便直接線上到大屏上去。
2. 對於當前ESB平臺本身的資源和服務狀態監控視覺化
這套視覺化工具很容易實現這點，我們只需要先視覺化的設計出部署架構佈局，然後再將實際對資料庫，應用中介軟體資源，包括服務執行的各種狀態資訊，異常資訊直接顯示到整體部署邏輯架構圖上即可。這樣可以更加視覺化的監控到資源當前的執行狀態和異常發生情況。
3. 服務整合架構展示
在最早我們做自研ESB產品的時候，採用Flash實現了一個整合架構的展示效果，但是整體效果並不是很好。而通過這套視覺化工具，可以用來實現這種整合架構的效果展示。同時可以展示出兩級架構的整合效果。即可以分層展開效果。
整合架構不需要提前進行設計，而是需要在後臺提取了整合關係後，自動進行拓撲生成和自動化佈局。整合架構中的連線可以用來表示當前系統間的介面服務連通性和介面服務呼叫流量等資訊。
類似Qunee示例中的Bus Demo，可以參考。
4. 端到端流程監控視覺化設計
基於服務間的整合關係和呼叫先後順序來實現端到端的流程監控，這個我在部落格前面多次提到，也一直在尋找比較好的前端設計工具來做。比如對我們已有的流程平臺流程建模工具前端進行適度改進來支援等。
對於這類需求也可以用前面提到的工具來實現，先進行端到端監控流程圖的設計，然後在進行執行展示。其中最主要的還是在執行態的各類資訊，比如執行狀態，數量，是否又異常等是否很容易疊加到已有的設計圖上。只要能夠解決這個問題，那麼就能夠很好的應用到端到端流程監控的視覺化設計中。
以上談到的點都是當前類似百度Echart等工具不能很好支撐的點。對於百度Echart來做監控大屏的展示，當前基本已經無技術問題，只是UI設計方面的問題。具體可參考：