百度數(shù)據(jù)可視化實驗室的產(chǎn)品矩陣如下圖所示,內(nèi)容涵蓋基礎(chǔ)庫、各種可視化產(chǎn)品以及應(yīng)用產(chǎn)品。
在官網(wǎng)中,百度數(shù)據(jù)可視化實驗室分享了其發(fā)展和規(guī)劃:
基于基礎(chǔ)的可視化規(guī)范,依托 ZRender、ClayGL 基礎(chǔ)庫,實現(xiàn)了強大的 ECharts、ECharts GL。
以 ECharts 為核心,整合 MapV 等完善的數(shù)據(jù)可視化產(chǎn)品,并針對各類場景、各種需求開發(fā)了圖說、Gallery、插件等完善的應(yīng)用產(chǎn)品。
從基礎(chǔ)到框架到上層應(yīng)用,可扎實、強大、便捷的滿足一切數(shù)據(jù)可視化需求。
據(jù)雷鋒網(wǎng) AI 科技評論了解,ECharts 為使用 JavaScript 實現(xiàn)的開源可視化庫,可以流暢的運行在 PC 和移動設(shè)備上,兼容當(dāng)前絕大部分瀏覽器,底層依賴輕量級的矢量圖形庫 ZRender,提供直觀,交互豐富,可高度個性化定制的數(shù)據(jù)可視化圖表??梢钥吹?,ECharts 團隊從單一的技術(shù)產(chǎn)品研發(fā)團隊一舉進化為推進可視化工作的聯(lián)盟。
百度 ECharts 團隊高級技術(shù)經(jīng)理祖明在知乎專欄中也介紹道,
新成立的百度數(shù)據(jù)可視化實驗室,希望能夠依托完善的產(chǎn)品支撐及豐富的經(jīng)驗,致力于提供更強大的數(shù)據(jù)可視化產(chǎn)品、參與數(shù)據(jù)可視化規(guī)范的制定、積極參與可視化基礎(chǔ)知識的推廣、傳播數(shù)據(jù)可視化學(xué)術(shù)界及業(yè)界的研究成果及解決方案,和廣大伙伴一同推動數(shù)據(jù)可視化行業(yè)的發(fā)展。
除了宣布品牌升級,此次涉及到的多個產(chǎn)品更新如下:
全新 ECharts 4.0
從 ECharts 官網(wǎng)可以看到,升級為 4.0 版本之后,ECharts 的特性變得更加豐富:
豐富的可視化類型
多種數(shù)據(jù)格式無需轉(zhuǎn)換直接使用
千萬數(shù)據(jù)的前端展現(xiàn)
移動端優(yōu)化
多渲染方案,跨平臺使用
深度的交互式數(shù)據(jù)探索
多維數(shù)據(jù)的支持以及豐富的視覺編碼手段
動態(tài)數(shù)據(jù)
絢麗的特效
通過 GL 實現(xiàn)更多更強大絢麗的三維可視化
無障礙訪問
在此次的更新中,深度學(xué)習(xí)可視化平臺 Visual DL (https://github.com/PaddlePaddle/VisualDL)為 ECharts 團隊與百度 PaddlePaddle 共同打造。據(jù)悉,ECharts 團隊自 2017 年起就與 PaddlePaddle 團隊進行了深度合作。
據(jù) ECharts 團隊介紹,他們希望通過可視化的方法將模型訓(xùn)練過程中的各個參數(shù)以及計算的數(shù)據(jù)流圖實時地展現(xiàn)出來,以幫助模型訓(xùn)練者更好地理解、調(diào)試、優(yōu)化模型。
用戶只需要通過 Visual DL 提供的接口將模型相關(guān)的各種參數(shù)數(shù)據(jù)寫入日志中,然后 Visual DL 會讀取日志中的模型相關(guān)數(shù)據(jù)將其展示出來,這些數(shù)據(jù)包括模型訓(xùn)練過程中的各種定量的度量、用戶傳入的或者中間訓(xùn)練過程生成的各種圖片、以及神經(jīng)網(wǎng)絡(luò)訓(xùn)練過程中的計算數(shù)據(jù)流圖。
從該項目的 GitHub 上可以看到部分可視化案例:
下圖是對參數(shù)分布和張量進行可視化:
下圖是對張量和中間生成的圖像進行可視化:
下圖是展示訓(xùn)練過程中錯誤的出現(xiàn)趨勢:
ECharts GL 1.0正式版
ECharts GL 是強大的高性能 WebGL 可視化解決方案,能滿足大屏、VR 及 AR 高質(zhì)量的展示需求。據(jù)雷鋒網(wǎng) AI 科技評論了解,在此次的正式版中,修復(fù)了之前大量的穩(wěn)定性問題,完善了文檔。新增功能有如下四點:
集成 Mapbox 地理可視化組件:
(圖片來源:IFE)
支持洋流風(fēng)場等向量場的可視化:
(圖片來源:IFE)
新增建筑群可視化的組件:
(圖片來源:IFE)
更多的二維加速組件:
(圖片來源:IFE)
該項目 GitHub 地址:https://github.com/ecomfe/echarts-gl
ZRender 4.0 版本升級
ZRender 是二維繪圖引擎,它提供 Canvas、SVG、VML 等多種渲染方式。ZRender 也是 ECharts 的渲染器。
據(jù)祖明在其知乎專欄介紹,
作為 ECharts 的底層渲染庫,ZRender 承擔(dān)起了抹平平臺差異、封裝技術(shù)細節(jié)、提高渲染性能等責(zé)任。在此次發(fā)布的 4.0 版本中,SVG 渲染的支持使得 ZRender 的渲染能力有了進一步提升。
他也表示,ZRender 以基本圖形元素為核心,提供了矩形、圓形、扇形、多邊形、折線段、貝賽爾曲線等十多種基本圖形,并支持圖形直接的組合與剔除,最終以 Canvas、SVG 或VML 的形式輸出,并且支持交互處理。
下圖為用 ZRender 繪制的一個實例:
下面的例子創(chuàng)建了一個圓心在 [150, 50] 位置,半徑為 40 像素的圓,并將其添加到畫布中:
var circle = new zrender.Circle({
shape: {
cx: 150,
cy: 50,
r: 40
},
style: {
fill: 'none',
stroke: '#F00'
}});zr.add(circle);
高性能漸進式 WebGL 框架 ClayGL
ClayGL 是一個高性能 WebGL 框架,能夠幫助用戶快速搭建可視化、三維模型展示、交互廣告等 Web3D 的應(yīng)用,提供 Canvas、SVG、VML 等多種渲染方式。
據(jù) ECharts 團隊介紹,ClayGL 作為 ECharts GL 的底層 WebGL 支持框架,2017 年已經(jīng)在手機百度中成功落地了三維模型展示的應(yīng)用,充分驗證了產(chǎn)品的可靠性。
下圖為在 DOTA 2 中的案例:
總結(jié)
百度數(shù)據(jù)可視化實驗室在產(chǎn)品矩陣研發(fā)上,從底層到應(yīng)用實現(xiàn)全面覆蓋, 如基礎(chǔ)的 ZRender、ClayGL,以及 ECharts、ECharts GL 解決方案,另外還有一系列數(shù)據(jù)可視化產(chǎn)品如圖說、Gallery 等。
而在產(chǎn)業(yè)領(lǐng)域合作上,該實驗室牽手 PaddlePaddle 團隊,推出 Visual DL 深度學(xué)習(xí)可視化工具,對于深度學(xué)習(xí)的發(fā)展具有極大的促進作用。深度學(xué)習(xí)可視化工具對于用戶理解、調(diào)試和共享模型的結(jié)構(gòu)有重大意義,能幫助大家更好地優(yōu)化和調(diào)節(jié)網(wǎng)絡(luò)。
在學(xué)術(shù)交流合作和教育學(xué)習(xí)培訓(xùn)上,百度數(shù)據(jù)可視化實驗室還表示,依托于完善的產(chǎn)品支撐及豐富的經(jīng)驗,本持開放、賦能的核心價值觀,他們會鼎力參與到可視化基礎(chǔ)知識的推廣、傳播數(shù)據(jù)可視化行業(yè)經(jīng)驗等事情上,并積極參與高校的分享和交流活動。
目前他們在北京大學(xué)、清華大學(xué)、浙江大學(xué)等高校都有過相關(guān)交流與合作,也在積極推動教育培訓(xùn),如打造 ECharts & WebVR 學(xué)院、在知乎建立可視化專欄「漂亮得不像實力派的可視化」。官方微博
官方微信公眾號
官方百家號