摘要：讓我們看看都做了哪些工作可視化分析增強(qiáng)數(shù)據(jù)可操作性測試平臺的表格和置信區(qū)間可視化可視化分析主要都是由抽象數(shù)據(jù)可視化組成的。大多數(shù)有效的可視化分析在這種情況下都是關(guān)于報告儀表盤實時分析的圖標(biāo)和網(wǎng)絡(luò)圖。

在2015年初，我們在Uber規(guī)劃了一個官方的數(shù)據(jù)科學(xué)團(tuán)隊。這個主意的緣起是：通過可視化數(shù)據(jù)探索工具從Uber的數(shù)據(jù)中發(fā)現(xiàn)洞見。每天，Uber 管理上億級別的GPS位置信息。每分鐘，我們的平臺處理上百萬的移動事件。每次我們不用技術(shù)分析就直觀地知道這是一個我們錯過了解我們業(yè)務(wù)的好機(jī)會。

自成立以來，這個數(shù)據(jù)可視化團(tuán)隊就不斷發(fā)展壯大，從我和另外一個工程師兩個人發(fā)展到了現(xiàn)在的15人的全棧團(tuán)隊。數(shù)據(jù)可視化技術(shù)專家囊括了從計算機(jī)圖形學(xué)到信息設(shè)計、封面創(chuàng)意技術(shù)以及 Web 平臺開發(fā)。我們團(tuán)隊專注于從視覺分析到地圖繪制以及從框架開發(fā)到面向公眾的數(shù)據(jù)可視化的整個過程。

讓我們看看都做了哪些工作:

AB測試平臺的表格和置信區(qū)間可視化

可視化分析主要都是由抽象數(shù)據(jù)可視化組成的。這個涉及到可視化工作的數(shù)據(jù)是沒有內(nèi)在的地理結(jié)構(gòu)。與之相反的是科學(xué)可視化，這種可視化從物理世界（地圖、3D物理結(jié)構(gòu)等等）的角度描述了數(shù)據(jù)。大多數(shù)有效的可視化分析在這種情況下都是關(guān)于報告、儀表盤、實時分析的圖標(biāo)和網(wǎng)絡(luò)圖。我們的團(tuán)隊在大多數(shù)商業(yè)洞見應(yīng)用和商業(yè)數(shù)據(jù)探索上加強(qiáng)了可視化圖層。其他地區(qū)的同事用我們的可視化工具加強(qiáng)了包括我們的AB測試平臺和內(nèi)部的大規(guī)模機(jī)器學(xué)習(xí)平臺的可視化效果。

我們團(tuán)隊強(qiáng)調(diào)建設(shè)像我們創(chuàng)建這個應(yīng)用類似的可復(fù)用組件。我們最近開源了react-vis，這是一個 React 和加強(qiáng)版的D3 可視化庫，它提供了 基于JSX的語法，專用的語言來組織圖表的坐標(biāo)、圖標(biāo)類型以及其他一些可視化元素。它支持開發(fā)人員以聲明的方式在他們的數(shù)據(jù)集用 React- 和 JSX-友好型的形式來塑造他們想的可視化效果。

在地圖繪制上我們也在做類似的工作。

基于地圖的信息是我們在Uber最大最豐富的資產(chǎn)。然而，一方面，每天我們的平臺實時采集上億的GPS點。另一方面，我們必須在瀏覽器內(nèi)實現(xiàn)數(shù)據(jù)密集可視化。這些都對實時地圖可視化作出了極大挑戰(zhàn)。

在給定半徑區(qū)域內(nèi)拖動鼠標(biāo)將可以實時看到Uber的目的地分布情況

我們?yōu)椴煌櫩土可矶ㄖ贫喾N地圖應(yīng)用。其中一類顧客是在Uber運(yùn)營的400多個城市內(nèi)的總經(jīng)理和城市運(yùn)營團(tuán)隊。這個普通人需要有一個當(dāng)前供求分布的及時信息。他們也需要獲取聚合數(shù)據(jù)來理解城市的市場以便于進(jìn)一步的策劃市場營銷活動。另一類用戶是數(shù)據(jù)科學(xué)團(tuán)隊，他們需要豐富的數(shù)據(jù)探索界面來操作多維數(shù)據(jù)（通過產(chǎn)品、時間、地理數(shù)據(jù)來向下鉆?。Ｎ覀?yōu)槠渌麍F(tuán)隊構(gòu)建可以分塊和切片的應(yīng)用以便于從數(shù)據(jù)中獲得洞見。

對于這些應(yīng)用，我們的技術(shù)棧是由一些我們之前開發(fā)并且開源的庫構(gòu)成的。react-map-gl 提供一個在MapboxGL基礎(chǔ)上與React類似的圖層。這個MapboxGL是一個我們在Uber廣泛使用的從Mapbox引入的庫。deck.gl提供了一個創(chuàng)建WebGL增強(qiáng)圖層的應(yīng)用，它可以放在地圖的最上層或者獨(dú)自用來創(chuàng)建一個抽象的數(shù)據(jù)可視層。

deck.gl 和 react-map-gl 提供了 WebGL 界面來創(chuàng)建數(shù)據(jù)密集型的地圖應(yīng)用

但是所有這些技術(shù)都可以以一種創(chuàng)造性的方式被運(yùn)用。數(shù)據(jù)可視化最重要的部分其實是數(shù)據(jù)故事敘述和數(shù)據(jù)藝術(shù)化呈現(xiàn)。

用數(shù)據(jù)可視化講述Uber的故事的方法有很多種。我們可以圍繞諸如安全、效率、流量、政策等話題在大眾傳播網(wǎng)絡(luò)中展開可視化敘述。

最近，我們開始了一個探索uberPool是如何讓城市交通變得更高效的數(shù)據(jù)可視化項目。在 Travis Kalanick 的TED演講之后，你將看到我們制作的數(shù)據(jù)可視化顯示每個沒有使用uberPOOL的街區(qū)流量情況，這表明了 POOL可以通過減少流量讓城市變得更加智能化。

左圖： SF 在沒有uberPOOL時交通擁堵的城區(qū)。右圖：POOL用一種聰明的辦法均衡了交通流量。

我們繼續(xù)做一起其他的可視化敘述。這個工作范疇有趣的融合了數(shù)據(jù)作家和數(shù)據(jù)藝術(shù)化呈現(xiàn)所帶來的挑戰(zhàn)。數(shù)據(jù)處理和我們我們內(nèi)部可視化探索的數(shù)據(jù)分析產(chǎn)品一樣充滿挑戰(zhàn)。但是這時候，以人為本的美學(xué)設(shè)計和通俗易懂的解釋性是比高效的信息設(shè)計技術(shù)來得更重要的。

例如，我們開始和設(shè)計團(tuán)隊協(xié)作。為了動態(tài)地圖可以顯示每天每輛車的Uber行程，我們拿到了品牌視頻。這里的特效就是用WebGL應(yīng)用為每一幀動效都在服務(wù)端渲染進(jìn)行渲染然后編譯到視頻里形成的。這個應(yīng)用關(guān)注從數(shù)據(jù)獲?。ㄍㄟ^Hive）到視頻離線渲染輸出技術(shù)的每一個環(huán)節(jié)。

一個身臨其境的 3D 動畫地圖匿名展示了一整天的Uber之旅:

三藩市：

洛杉磯：

對于這樣的工作我們也開發(fā)了一套叫做luma.gl的框架，這套框架專注于基于WebGL的可視化應(yīng)用。它根據(jù)一些諸如ES6、WebGL 2.0、組件化平臺的現(xiàn)代技術(shù)而設(shè)計。這使得luma.gl可以和其他諸如stack.gl那樣的流行的庫一起互操作。

在Uber，數(shù)據(jù)使我們最大的財富。我們用可視化探索數(shù)據(jù)分析工具通過數(shù)據(jù)來發(fā)現(xiàn)洞見，而且我們業(yè)務(wù)矩陣的數(shù)據(jù)探索也能夠讓我們Uber所有城市的管理者做出更加有效的商業(yè)決策。
如果你對和我們的Uber工程團(tuán)隊一起面對這些挑戰(zhàn)感興趣，你可以查看我們的數(shù)據(jù)可視化工程的開放職位列表，然后聯(lián)系[email protected]。我們期待你的加入。

原作者： NICOLAS GARCIA BELMONTE 譯者：Harryzhu
英文原文地址：https://eng.uber.com/data-viz...
作為分享主義者(sharism)，本人所有互聯(lián)網(wǎng)發(fā)布的圖文均遵從CC版權(quán)，轉(zhuǎn)載請保留作者信息并注明作者 Harry Zhu 的 FinanceR專欄:https://segmentfault.com/blog...，如果涉及源代碼請注明GitHub地址：https://github.com/harryprince。微信號: harryzhustudio
商業(yè)使用請聯(lián)系作者。