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