双十一让大屏“闪”起来

     今天凌晨0点02分05秒时，2018天猫双十一全球狂欢节成交额就突破100亿元人民币。

      阿里巴巴方面，在今天凌晨，1点47分26秒，天猫双11今年的成交总额，就突破1千亿元，这比去年是快了7个多小时。

       双十一盛况空前，针对海量的订单和支付数据，如何经由客户端和后端数据平台处理和清洗，展示到可视化大屏前，来面对数百媒体以及媒体背后观众，是一个不小的考验。

崭露头角

     不知道大家对2015年在水立方双十一媒体中心的可视化大屏有没有印象，那是大屏展示第一次被人们所知，当时立起了一块宽21米，高10米的LED大屏进行全球同步直播。大屏幕分为三大板块，分别是总览大屏、全球大屏和城市大屏。每一个大屏幕都有自己的主题，总览大屏保留了2014年基本的信息点，全球屏是对于2015年“全球狂欢”这一主题的数据展示，而城市大屏是当年在信息点上的一大创新。

      大屏整体是蓝紫色的背景，全球狂欢的主题以最醒目的大红色正居上方，旁边以柱状图、折线图、散点图和进度条等多种形式实时呈现了订单量数据的变化。本次数据大屏最受关注的两个形式是：3D实时交易地球和3D北京市交易图。这两种形式都将数据从抽象世界还原到了人们所熟悉的3D世界，并且直接转换回了产生这些数据的行为。例如北京3D城市中的一条条飞线象征着一件件快递包裹向满心期待的买家们飞奔而去的景象。飞线通过颜色和透明度的控制，实现流星拖尾的效果。数据实时上传，层层缓存，层层缓冲，飞线群和交易情况一起涨落，形成海量的数据群，让枯燥单一的数据变得更加具有灵活性和绚丽震撼的视觉效果，实现了三维实时数字化场景交互。

       其中双十一前10亿交易额彩蛋的表现形式格外吸睛。双十一海量的成交额如雨点般落在了地面上，像焊枪一样焊接出11.11几个大字，每300多万订单完成，就生成一个cube，到10亿元完成的时候，模型旋转并消失。一方面可以看出成交量在不断累加，一方面，在这个时间里，折线图这种更精确的图表，可以有个缓冲时间检查是否有误。

       在技术上，所有的媒体大屏都是基于web端技术实现的，数据大屏采用DataV数据可视化引擎搭建，DataV数据可视化引擎是以日常图表组件库d.chart以及地理相关组件库d.map为基础，专业数据可视化模板设计为视觉框架，依托cube前端框架搭建起来的web服务。通过该引擎可以利用已有组件低成本还原设计师产出的原型图，快速完成多种数据源的绑定，并通过最终的可视化配置调整系统完成所见即所得的视觉调试，最终产出数据大屏。DataV数据可视化引擎是一个集屏幕管理、多屏通讯、发布打包等功能为一体的大屏生产工具，除了可以集中管理屏幕，并通过页面遥控大屏，还可以通过配置页面，实时调整已经发布上线的大屏的一些参数。

随后几年大屏展示技术越来越娴熟，所展示内容也越来越炫酷！

       闪电️大屏的官方名字叫作”2017双11区域购买力及物流看板“，整个模板分为两部分，左侧是 3D地球(2018) 组件，右侧是图表栏，两者可根据 Tab 导航栏按钮的切换而联动。

       模板的初始状态下，地图显示全国视角，散点气泡表示双11当天全国各地（精确到区县）的订单；右侧常规图表显示全国综合数据，包括历年双11消费对比、最受欢迎商品、最畅销土特产、买家分布等信息。

      数据可视化越来越开放，使消费者更直观的看到自己行为模式对市场的影响，对商家而言，也可以利用海量的数据资源支撑行为决策。数据大屏的展现形式不仅在电商领域，针对不同应用领域的特定要求而精心打造的完全集成的系统，可承担政务数据、各行业工业数据的规模化呈现。