百度釋出深度學習視覺化平臺 Visual DL

恩威AI 科技評論訊息，1 月 16 日，百度 ECharts 團隊釋出旗下知名開源產品 ECharts 的最新 4.0 版本，並宣佈品牌升級為「百度資料視覺化實驗室」（http://vis.baidu.com/）。除了這兩大訊息外，團隊還正式釋出深度學習視覺化平臺 Visual DL，以及其他一系列重量級產品，包括 ECharts GL 1.0 正式版，ZRender 4.0 全新版本，WebGL 框架 ClayGL 等。

百度資料視覺化實驗室的產品矩陣如下圖所示，內容涵蓋基礎庫、各種視覺化產品以及應用產品。

在官網中，百度資料視覺化實驗室分享了其發展和規劃：

• 基於基礎的視覺化規範，依託 ZRender、ClayGL 基礎庫，實現了強大的 ECharts、ECharts GL。

• 以 ECharts 為核心，整合 MapV 等完善的資料視覺化產品，並針對各類場景、各種需求開發了圖說、Gallery、外掛等完善的應用產品。

• 從基礎到框架到上層應用，可紮實、強大、便捷的滿足一切資料視覺化需求。

據雷鋒網 AI 科技評論瞭解，ECharts 為使用 JavaScript 實現的開源視覺化庫，可以流暢的執行在 PC 和移動裝置上，相容當前絕大部分瀏覽器，底層依賴輕量級的向量圖形庫 ZRender，提供直觀，互動豐富，可高度個性化定製的資料視覺化圖表。可以看到，ECharts 團隊從單一的技術產品研發團隊一舉進化為推進視覺化工作的聯盟。

百度 ECharts 團隊高階技術經理祖明在知乎專欄中也介紹道，

新成立的百度資料視覺化實驗室，希望能夠依託完善的產品支撐及豐富的經驗，致力於提供更強大的資料視覺化產品、參與資料視覺化規範的制定、積極參與視覺化基礎知識的推廣、傳播資料視覺化學術界及業界的研究成果及解決方案，和廣大夥伴一同推動資料視覺化行業的發展。

除了宣佈品牌升級，此次涉及到的多個產品更新如下：

全新 ECharts 4.0

從 ECharts 官網可以看到，升級為 4.0 版本之後，ECharts 的特性變得更加豐富：

• 豐富的視覺化型別

• 多種資料格式無需轉換直接使用

• 千萬資料的前端展現

• 移動端優化

• 多渲染方案，跨平臺使用

• 深度的互動式資料探索

• 多維資料的支援以及豐富的視覺編碼手段

• 動態資料

• 絢麗的特效

• 通過 GL 實現更多更強大絢麗的三維視覺化

• 無障礙訪問

具體細節，大家可以前往官網詳細瞭解：http://echarts.baidu.com/

深度學習視覺化平臺 Visual DL

在此次的更新中，深度學習視覺化平臺 Visual DL （https://github.com/PaddlePaddle/VisualDL）為 ECharts 團隊與百度 PaddlePaddle 共同打造。據悉，ECharts 團隊自 2017 年起就與 PaddlePaddle 團隊進行了深度合作。

據 ECharts 團隊介紹，他們希望通過視覺化的方法將模型訓練過程中的各個引數以及計算的資料流圖實時地展現出來，以幫助模型訓練者更好地理解、除錯、優化模型。

使用者只需要通過 Visual DL 提供的介面將模型相關的各種引數資料寫入日誌中，然後 Visual DL 會讀取日誌中的模型相關資料將其展示出來，這些資料包括模型訓練過程中的各種定量的度量、使用者傳入的或者中間訓練過程生成的各種圖片、以及神經網路訓練過程中的計算資料流圖。

從該專案的 GitHub 上可以看到部分視覺化案例：

下圖是對引數分佈和張量進行視覺化：

下圖是對張量和中間生成的影象進行視覺化：

下圖是展示訓練過程中錯誤的出現趨勢：

ECharts GL 1.0正式版

ECharts GL 是強大的高效能 WebGL 視覺化解決方案，能滿足大屏、VR 及 AR 高質量的展示需求。據雷鋒網(公眾號：雷鋒網) AI 科技評論瞭解，在此次的正式版中，修復了之前大量的穩定性問題，完善了文件。新增功能有如下四點：

整合 Mapbox 地理視覺化元件：

（圖片來源：IFE）

支援洋流風場等向量場的視覺化：

（圖片來源：IFE）

新增建築群視覺化的元件：

（圖片來源：IFE）

更多的二維加速元件：

（圖片來源：IFE）

該專案 GitHub 地址：https://github.com/ecomfe/echarts-gl

ZRender 4.0 版本升級

ZRender 是二維繪圖引擎，它提供 Canvas、SVG、VML 等多種渲染方式。ZRender 也是 ECharts 的渲染器。

據祖明在其知乎專欄介紹，

作為 ECharts 的底層渲染庫，ZRender 承擔起了抹平平臺差異、封裝技術細節、提高渲染效能等責任。在此次釋出的 4.0 版本中，SVG 渲染的支援使得 ZRender 的渲染能力有了進一步提升。

他也表示，ZRender 以基本圖形元素為核心，提供了矩形、圓形、扇形、多邊形、折線段、貝賽爾曲線等十多種基本圖形，並支援圖形直接的組合與剔除，最終以 Canvas、SVG 或VML 的形式輸出，並且支援互動處理。

下圖為用 ZRender 繪製的一個例項：

下面的例子建立了一個圓心在 [150, 50] 位置，半徑為 40 畫素的圓，並將其新增到畫布中：

var circle = new zrender.Circle({
   shape: {
       cx: 150,
       cy: 50,
       r: 40
   },
   style: {
       fill: 'none',
       stroke: '#F00'
   }});zr.add(circle);

該專案 GitHub 地址：https://github.com/ecomfe/zrender

高效能漸進式 WebGL 框架 ClayGL

ClayGL 是一個高效能 WebGL 框架，能夠幫助使用者快速搭建視覺化、三維模型展示、互動廣告等 Web3D 的應用，提供 Canvas、SVG、VML 等多種渲染方式。

據 ECharts 團隊介紹，ClayGL 作為 ECharts GL 的底層 WebGL 支援框架，2017 年已經在手機百度中成功落地了三維模型展示的應用，充分驗證了產品的可靠性。

下圖為在 DOTA 2 中的案例：

該專案的 GitHub 地址如下：https://github.com/pissang/claygl

總結

百度資料視覺化實驗室在產品矩陣研發上，從底層到應用實現全面覆蓋， 如基礎的 ZRender、ClayGL，以及 ECharts、ECharts GL 解決方案，另外還有一系列資料視覺化產品如圖說、Gallery 等。

而在產業領域合作上，該實驗室牽手 PaddlePaddle 團隊，推出 Visual DL 深度學習視覺化工具，對於深度學習的發展具有極大的促進作用。深度學習視覺化工具對於使用者理解、除錯和共享模型的結構有重大意義，能幫助大家更好地優化和調節網路。

在學術交流合作和教育學習培訓上，百度資料視覺化實驗室還表示，依託於完善的產品支撐及豐富的經驗，本持開放、賦能的核心價值觀，他們會鼎力參與到視覺化基礎知識的推廣、傳播資料視覺化行業經驗等事情上，並積極參與高校的分享和交流活動。

目前他們在北京大學、清華大學、浙江大學等高校都有過相關交流與合作，也在積極推動教育培訓，如打造 ECharts & WebVR 學院、在知乎建立視覺化專欄「漂亮得不像實力派的視覺化」。

相信該實驗室未來會在打造視覺化解決方案、加深產業領域合作、促進學界和業界的交流、推動教育培訓上給我們帶來更多驚喜。