专栏首页北京马哥教育解密 Uber 数据部门的数据可视化最佳实践

解密 Uber 数据部门的数据可视化最佳实践

概述

在2015年初,我们在Uber规划了一个官方的数据科学团队。这个主意的缘起是:通过可视化数据探索工具从Uber的数据中发现洞见。每天,Uber 管理上亿级别的GPS位置信息。每分钟,我们的平台处理上百万的移动事件。每次我们不用技术分析就直观地知道这是一个我们错过了解我们业务的好机会。

自成立以来,这个数据可视化团队就不断发展壮大,从我和另外一个工程师两个人发展到了现在的15人的全栈团队。数据可视化技术专家囊括了从计算机图形学到信息设计、封面创意技术以及 Web 平台开发。我们团队专注于从视觉分析到地图绘制以及从框架开发到面向公众的数据可视化的整个过程。

让我们看看都做了哪些工作:

可视化分析:增强数据可操作性

AB测试平台的表格和置信区间可视化

可视化分析主要都是由抽象数据可视化组成的。这个涉及到可视化工作的数据是没有内在的地理结构。与之相反的是科学可视化,这种可视化从物理世界(地图、3D物理结构等等)的角度描述了数据。大多数有效的可视化分析在这种情况下都是关于报告、仪表盘、实时分析的图标和网络图。我们的团队在大多数商业洞见应用和商业数据探索上加强了可视化图层。其他地区的同事用我们的可视化工具加强了包括我们的AB测试平台和内部的大规模机器学习平台的可视化效果。

我们团队强调建设像我们创建这个应用类似的可复用组件。我们最近开源了react-vis,这是一个 React 和加强版的D3 可视化库,它提供了 基于JSX的语法,专用的语言来组织图表的坐标、图标类型以及其他一些可视化元素。它支持开发人员以声明的方式在他们的数据集用 React- 和 JSX-友好型的形式来塑造他们想的可视化效果。

在地图绘制上我们也在做类似的工作。

地图绘制:大数据探索

基于地图的信息是我们在Uber最大最丰富的资产。然而,一方面,每天我们的平台实时采集上亿的GPS点。另一方面,我们必须在浏览器内实现数据密集可视化。这些都对实时地图可视化作出了极大挑战。

在给定半径区域内拖动鼠标将可以实时看到Uber的目的地分布情况

我们为不同顾客量身定制多种地图应用。其中一类顾客是在Uber运营的400多个城市内的总经理和城市运营团队。这个普通人需要有一个当前供求分布的及时信息。他们也需要获取聚合数据来理解城市的市场以便于进一步的策划市场营销活动。另一类用户是数据科学团队,他们需要丰富的数据探索界面来操作多维数据(通过产品、时间、地理数据来向下钻取)。我们为其他团队构建可以分块和切片的应用以便于从数据中获得洞见。

对于这些应用,我们的技术栈是由一些我们之前开发并且开源的库构成的。react-map-gl 提供一个在MapboxGL基础上与React类似的图层。这个MapboxGL是一个我们在Uber广泛使用的从Mapbox引入的库。deck.gl提供了一个创建WebGL增强图层的应用,它可以放在地图的最上层或者独自用来创建一个抽象的数据可视层。

deck.glreact-map-gl 提供了 WebGL界面来创建数据密集型的地图应用

但是所有这些技术都可以以一种创造性的方式被运用。数据可视化最重要的部分其实是数据故事叙述和数据艺术化呈现。

面向公众:讲述数据故事

用数据可视化讲述Uber的故事的方法有很多种。我们可以围绕诸如安全、效率、流量、政策等话题在大众传播网络中展开可视化叙述。

最近,我们开始了一个探索uberPool是如何让城市交通变得更高效的数据可视化项目。在 Travis Kalanick的TED演讲之后,你将看到我们制作的数据可视化显示每个没有使用uberPOOL的街区流量情况,这表明了POOL可以通过减少流量让城市变得更加智能化。

左图: SF 在没有uberPOOL时交通拥堵的城区。右图:POOL用一种聪明的办法均衡了交通流量。

我们继续做一起其他的可视化叙述。这个工作范畴有趣的融合了数据作家和数据艺术化呈现所带来的挑战。数据处理和我们我们内部可视化探索的数据分析产品一样充满挑战。但是这时候,以人为本的美学设计和通俗易懂的解释性是比高效的信息设计技术来得更重要的。

例如,我们开始和设计团队协作。为了动态地图可以显示每天每辆车的Uber行程,我们拿到了品牌视频。这里的特效就是用WebGL应用为每一帧动效都在服务端渲染进行渲染然后编译到视频里形成的。这个应用关注从数据获取(通过Hive)到视频离线渲染输出技术的每一个环节。

一个身临其境的 3D动画地图匿名展示了一整天的Uber之旅:

三藩市:

洛杉矶:

对于这样的工作我们也开发了一套叫做luma.gl的框架,这套框架专注于基于WebGL的可视化应用。它根据一些诸如ES6、WebGL 2.0、组件化平台的现代技术而设计。这使得luma.gl可以和其他诸如stack.gl那样的流行的库一起互操作。

原作者: NICOLAS GARCIA BELMONTE 译者:Harryzhu 英文原文地址:https://eng.uber.com/data-viz-intel/ 作者 Harry Zhu 的 FinanceR专栏:https://segmentfault.com/blog/harryprince 文章地址:https://segmentfault.com/a/1190000005154321

本文分享自微信公众号 - 马哥Linux运维(magedu-Linux),作者:译者:Harryzhu

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2016-05-21

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 一共56个,盘点最实用的大数据可视化分析工具

    一、Excel Excel作为一个入门级工具,是快速分析数据的理想工具,也能创建供内部使用的数据图,但是Excel在颜色、线条和样式上课选择的范围有限,这也意味...

    小小科
  • 知乎美女挖掘指南--Python实现自动化图片抓取、颜值评分

    声明:文中所有文字、图片以及相关外链中直接或间接、明示或暗示涉及性别、颜值分数等信息全部由相关人脸检测接口给出。无任何客观性,仅供参考。 1 数据源 知乎 话题...

    小小科
  • 大神教你DIY高性能运维堡垒体系

    概述 不怕出问题,就怕出问题找不到原因 运维团队一般会有个需求就是记录运维或者开发同事在服务器上的操作记录,比如进行一些常规审核或者是服务器被黑了、服务器日志被...

    小小科
  • 用Python进行数据可视化的10种方法

    大数据文摘
  • 数据可视化设计师养成攻略1.0

    数据可视化的市场应用正在快速扩张,将复杂的数据用美观且互动的方式呈现出来,已经成为了商业场景中必不可少的部分,也因此越来越多的人开始踏入了数据可视化的学习之路。...

    DT数据侠
  • 学会10种方法,用Python轻松实现数据可视化

    引言 艺术之美根植于其所传达的信息。有时候,现实并非我们所看到或感知到的。达芬奇(Da Vinci)和毕加索(Picasso)等艺术家都通过其具有特定主题的非...

    CDA数据分析师
  • 数据可视化之美:经典案例与实践解析

    本文来自作者在GitChat(ID:GitChat_Club)上的精彩分享,CSDN独家合作发布。 随着DT时代的到来,传统的统计图表很难对复杂数据进行直观地展...

    CSDN技术头条
  • 代码调试神器:VS Code 开源新工具!

    项目地址:https://github.com/hediet/vscode-debug-visualizer

    良月柒
  • 代码调试神器:VS Code 开源新工具!

    项目地址:https://github.com/hediet/vscode-debug-visualizer

    GitHubDaily
  • 【新闻】大数据可视化的新动态

    大数据可视化的新动态 Intetix Foundation(英明泰思基金会)由从事数据科学、非营利组织和公共政策研究的中国学者发起成立,致力于通过数据科学改善...

    小莹莹

扫码关注云+社区

领取腾讯云代金券