百度數據可視化實驗室的產品矩陣如下圖所示,內容涵蓋基礎庫、各種可視化產品以及應用產品。
在官網中,百度數據可視化實驗室分享了其發展和規劃:
基於基礎的可視化規範,依託 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 (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 學院、在知乎建立可視化專欄「漂亮得不像實力派的可視化」。
相信該實驗室未來會在打造可視化解決方案、加深產業領域合作、促進學界和業界的交流、推動教育培訓上給我們帶來更多驚喜。
(完)